body { background:#fff; height:100%; font-family:Arial, Helvetica, sans-serif;	font-size:13px; line-height:18px; color:#666; margin:0; padding:0; border:0; width:100%;min-width:270px}
.mainWrapper { position:relative; width:100%; height:100%; min-width:270px;}
.wrapArea {height:100%;position:relative; z-index:2; min-width:270px; overflow:hidden;}
.wrapArea40 {height:40vh ;position:relative; z-index:2; min-width:270px; min-height: 170px; overflow:hidden;}
.footerGlobal{  position:relative; z-index:3; width:100%; min-width:270px; background:url(../images/footerBg.png) repeat;}
.contener{ width:100%; margin:0 auto; border:solid 0px #903; min-height:20px;}
.spacer{clear:both;}
.port{ margin:19px 0 0 20px; width:320px; height:220px;float:left;}

/*==========================footerGlobal start============================*/

.body_bottom{ width:100%; min-height:2.5vh; background:#000; padding:15px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#fff;   }
.body_bottom .email{font-weight:bold;color:#ffcc33;}
.body_bottom .no{font-weight:bold;color:#ffcc33;}

.footer_main{ width:100%; height:2px; border-bottom:solid 1px #2b2a2a; border-top:solid 1px #2b2a2a; background:url(../images/headerBg4.png) #000 repeat-x;}




.main_body{/*margin-right:auto;	margin-left:auto;*/ border:solid 0px #00F;}

.ftr_txt{display:inline-block;position:relative;min-width:270px; width:33%; /*margin-top:15px;*/}
@media only screen and (max-width: 830px) {.ftr_txt{width:90%;}}

.ftr_txt a{ font-family: 'arial'; font-size:14px; color:#fff;}
.ftr_txt a span{ font-family: 'Times New Roman'; font-size:15px; color:#ffcc33;font-weight:bold}

/*==========================body_main start============================*/

.body_main{ 
			display: inline-block;
		   margin-left: auto;
    margin-right: auto;
    
			width:100%; min-height:48vh  /*327px */; border-bottom:solid 1px #2b2a2a; background:url(../images/headerBg4.png) #000 repeat; z-index:-99999;}

.body_main .contener.main_body h2{color:#002D46; display:block; padding:50px 20px 25px 20px; font-size:32px; font-family:"Century Gothic"; font-weight:bold; }
.body_main .contener.main_body p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#002D46; line-height:18px; padding:10px 20px 10px 20px;   }

/*==========================Pics======================*/

div.img {
     
	
	
    padding: 5px;
    border: 1px solid #0000ff;
	float: left;
 /*   height: 170px; */
	height: 270px;
	
	min-width: 250px;
    text-align: center;
	margin: 0px 0px 10px 10px;
	width: 31%;
}
@media only screen and (max-width: 950px) {div.img{width: 45%;}}
@media only screen and (max-width: 550px) {div.img{width: 90%;margin: 0px 0px 10px 5px;}}

div.img img {
    position:relative;
    margin: 5px 5px 0px 5px;
    border: 1px solid #ffffff;
	z-index:1;
max-width:	95%; 
}

div.img a:hover img {
    border:1px solid #0000ff;
}

div.desc {
    text-align: center;
    font-weight: normal;
    min-width: 240px;
    margin: 0px;
	font-size:12px;
	color:#002D46;
}

div.headpics {
    text-align: center;
    font-weight: bold;
    min-width: 240px;
    margin: 0px;
	font-size:18px;
	padding:5px;
}

/*==========================Contacts======================*/

div.contact {
	
    padding: 5px;

	float: left;
    
    min-width: 240px;
    text-align: center;
	margin: 0px 0px 10px 10px;
	width: 31%;
}
@media only screen and (max-width: 950px) {div.contact{width: 30%;}}
@media only screen and (max-width: 550px) {div.contact{ width: 90%;margin: 0px 0px 10px 5px;}}

div.contact contact {
    position:relative;
    margin: 5px 5px 0px 5px;

	z-index:1;
/*width:	100%; */
}

div.google-map {
	
    padding: 5px;
 
	float: left;
    height: 100vh;
    min-width: 240px;
    text-align: right;
	vertical-align: top;
	margin: 0px 0px 10px 10px;
	width: 64%;
	
}
@media only screen and (max-width: 950px) {div.google-map{width: 30%;}}
@media only screen and (max-width: 550px) {div.google-map{width: 90%;margin: 0px 0px 10px 5px; }}

div.google-map2  {width:60vw; height:100%; max-height:1000px}
@media only screen and (max-width: 550px) {div.google-map{width: 95vw;height: 95vh; margin: 0px 0px 10px 5px;}
div.google-map2{width: 95vw;height: 95vh;}}

/*
@media only screen and (max-width: 550px) {div.fb{display:none;}
}