@charset "utf-8";
@import url("../webfonts/Raleway_Regular/stylesheet.css");
@import url("../webfonts/helveticaneue_light/stylesheet.css");
@import url("../webfonts/Glyphyx/stylesheet.css");
@import url("../webfonts/fontawesome/stylesheet.css");
@import url("../webfonts/Lato_Thin/stylesheet.css");
@import url("../webfonts/RAGE/stylesheet.css");
@import url("../webfonts/Rage_Italic/stylesheet.css");
@import url("../../../explosionboxmedia.com/webfonts/Oswald_Bold/stylesheet.css");



/*WEBSITE CREATED BY IPAINNOVATIONS.COM ALL RIGHTS RESERVED*/


video{
	position: fixed;
	width: 100%;
	height: auto;
	z-index: -100;
	background-attachment: fixed;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	top:-130px;
	margin-left: auto;
	margin-right: auto;
	}	



#btnminimalista2{
	height: 30px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 17px;
	color: #FFF;
	font-family: "Raleway Regular";
	}

#btnminimalista2:hover{
	height: 35px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 18px;
	color: #FFF;
	font-family: "Raleway Regular";
	}


#btnhome{
	height: 80px;
	background-color: #069;
	text-shadow:#000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#btnhome:hover{
	height: 85px;
	background-color: #096;
/*	border: solid medium #FFF;*/
	text-shadow:#000 1px 2px 10px;
	border-radius: 10px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}







#btnhome2{
	height: 70px;
	background-color: #333;
	text-shadow:#000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#btnhome2:hover{
	height: 75px;
	background-color: #2D2D2D;
/*	border: solid medium #FFF;*/
	text-shadow:#000 1px 2px 10px;
	border-radius: 10px;
	font-size: 24px;
	color: #ccc;
	font-family: "Raleway Regular";
	}








.zoomin2{
	width:20px;
	height:20px;
	}	
	
.zoomin2:hover{
	width:30px;
	height:30px;
	}	


#titlescript{
	font-family: "Lato Thin";
	font-size: 50px;
	}

#titlescriptamenities{
	font-family: "Lato Thin";
	font-size: 30px;
	}	
	
#titlescript2{
	font-family: "Raleway Regular";
	font-size: 50px;
	color: #069;
	}
	
	#titlescript20{
	font-family: "Oswald Bold";
	font-size: 20px;
	}
	
#titlescript002{
	font-family: RAGE;
	font-size: 90px;
	line-height: 60px;
	}	
	
#titlescript02{
	font-family: "Raleway Regular";
	font-size: 30px;
	}	
	
#titlescript3{
	font-family: "Lato Thin";
	font-size: 20px;
	font-weight: bolder;
	color: #E9E9E9;
	text-decoration: none;
	}


		#contactus{
	position: relative;
	width: 100%;
	height: 650px;
	background-color: #f2f2f2;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}


	/*COLU000 blackfade*/		
	#coluuu{
	width: 100%;
	height: 100%;
	float: none;
	background-size: cover;
	border-radius: 0px;
	overflow: hidden;
	position: absolute;

		background: rgba(0,0,0,0.7);
		
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	
	 
		}

	#coluuu:hover{
	width: 100%;
	height: 100%;
	float: none;

		background: rgba(0,0,0,0);
	background-size: cover;
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	
	 
		}















	#coluuux{
	
	width: 100%;
	height: 100%;
	float: none;
	background:url(../img/golfballtextura.png);
	/*background:rgba(0,0,0,0.5);*/
	background-size: cover;
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	
	 
		}

	#coluuux:hover{
	
	width: 100%;
	height: 100%;
	float: none;
	background:rgba(0,0,0,0.1);
	background-size: cover;
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
		-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
	
	 
		}













h1{
	color:#C00}


.h1clase{
 font-size:90px;
	color:#fff}
	
	.h1clase009{
	font-size: 55px;
	color: #069
}

	.h1clase008{
	font-size: 18px;
	color: #666;
	font-family: Raleway;
	line-height: 16px;
}



#h1clase2{
	font-size: 40px;
	color: #03738f;
	text-transform: uppercase;
	font-family: "Oswald Bold";
}

/*#mexbroslogo{
      width: 130px;
      -o-object-fit: contain;
      object-fit: contain;
}*/


a.awhite{
color:#FFF;	
font-size:18px;
text-decoration:none;
}

/* CSS Document */

html{
	padding:0;
	margin:0;
	}
	
	
	/*360*/
#infoview{
	height: 600px;
	width: 100%;
	position: relative;
	background-attachment: fixed;
	background-image: url(../img/bg360.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Raleway Regular";
	color: #FFF;
	background-size:cover;
	font-size: 18px;
	}
	
	#infoviewin{
	height: auto;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 35px;
	top: 180px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	}		
   #foto36001left{
	width: 43%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #333;
	margin-right: 2%;
	margin-left: 5%;
	text-align: center;
	top: 5px;
		}	
#foto36001right{
	width: 50%;
	float: left;
	position: relative;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #333;
	text-align: center;
	height: 460px;
		}				

/*360 end*/






	/*360*/
#infoview2{
	height: 600px;
	width: 100%;
	position: relative;
	background-attachment: fixed;
	background-image: url(../img/360/rumorosabgbyipa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Raleway Regular";
	background-size:cover;
	color: #FFF;
	font-size: 18px;
	}
	
	#infoviewin2{
	height: auto;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 35px;
	top: 180px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	}		


#infoview3{
	height: 810px;
	width: 100%;
	position: relative;
	font-family: "Raleway Regular";
	background-size: cover;
	color: #FFF;
	font-size: 18px;
	background-color: #1D1610;
	}
	
	#infoviewin3{
	height: 100px;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 40px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 60px;
	font-weight: normal;
	}		

		
#infoviewin3a{
	height: 420px;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: auto;
	}				
	
	
#infoviewin3avids{
	height: 200px;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	}				
		
	
	
	
	
		
/*TEXT REPLACEMENT GALERIA FOTOS360 BTNS*/		
	
.text-replacement {
	display: none;
	visibility:hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}

.text-replacement2 {
	display: block;
	visibility:visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}	
/*Galeria FOTO 360*/		
		
		
#infoviewin3abox{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 180%;
	background-color: #036;
	background-image: url(../img/360/campestrebyipainnovations.jpg);
	}
	

	
#infoviewin3abox:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size:290%;
	background-color: #036;
	background-image: url(../img/360/campestrebyipainnovations.jpg);
	}
	

#infoviewin3abox:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}



	
	#infoviewin3abox:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}

/*Galeria FOTO 360 END*/








/*Galeria FOTO 360 2*/

#infoviewin3abox2{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 120%;
	background-color: #036;
	background-image: url(../img/360/rumorosabgbyipa.jpg);
	}
	
	

	
	

	
#infoviewin3abox2:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 130%;
	background-color: #036;
	background-image: url(../img/360/rumorosabgbyipa.jpg);
	}

	

#infoviewin3abox2:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox2:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 2 END*/








#galeriahotelhacienda{
	height: 550px;
	width: 100%;
	z-index: 500;
	}
#galeriahotelhaciendatopin{
	height: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	position: relative;
	text-align: center;

    }

#galeriahotelhaciendain{
	height: auto;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	z-index: 20;
	position: relative;

    }
.titulogaleria{
	font-size: 50px;
	font-family: "Oswald Bold";
	color: #066;
}
.subtitulogaleria{
	font-size: 20px;
	font-family: "Raleway Regular";
	color: #333333;
}

#incentercolumn{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background: rgba(0,0,0,0.0);
	background-size:cover;
	margin-top: 1%;
		}		
		
#incentercolumn1{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	margin-top: 1%;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #066;
		}	

#incentercolumn2{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-position: center bottom;
	background-color: #066;
		}
#incentercolumn3{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);
	background-image: url(../img/bajamar_hotel_hacienda_bajamar_noche_hoteles_en_ensenada_resort_vacations_play_golf_courses_photo_5.jpg);
	background-position: center center;
		}
		
#incentercolumn4{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);
	background-image: url(../img/bajamar_hotel_hacienda_bajamar_noche_hoteles_en_ensenada_resort_vacations_play_golf_courses_photo_9.jpg);
	background-position: center center;
		}
		
#incentercolumn5{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);
	background-image: url(../img/bajamar_hotel_hacienda_bajamar_noche_hoteles_en_ensenada_resort_vacations_play_golf_courses_photo_10.jpg);
	background-position: left center;
		}						
				
		

		
#incentercolumn6{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);
	background-image: url(../img/bajamar_hotel_hacienda_bajamar_noche_hoteles_en_ensenada_resort_vacations_play_golf_courses_photo_11.jpg);
	background-position: left center;
		}						
			
		
#incentercolumn7{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: #066;
	background-position: center center;
		}				
				
		
#incentercolumn8{
	width: 23%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: #066;
	background-position: right bottom;
		}					
				
				
				
				
				
				
				

















/*Galeria FOTO 360 3*/

#infoviewin3abox3{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/lincolnagency360thumb.jpg);
	}
	
	

	
	

	
#infoviewin3abox3:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 260%;
	background-color: #036;
	background-image: url(../img/360/lincolnagency360thumb.jpg);
	}

	

#infoviewin3abox3:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox3:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 3 END*/


/*Galeria FOTO 360 4*/

#infoviewin3abox4{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/cecut360thumb.jpg);
	}
	
	

	
	

	
#infoviewin3abox4:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/cecut360thumb.jpg);
	}

	

#infoviewin3abox4:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox4:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 4 END*/



/*Galeria FOTO 360 5*/

#infoviewin3abox5{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/lincoln360in.jpg);
	}
	
	

	
	

	
#infoviewin3abox5:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/lincoln360in.jpg);
	}

	

#infoviewin3abox5:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox5:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 5 END*/









/*Galeria FOTO 360 6*/

#infoviewin3abox6{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/360sukarnethumb.jpg);
	}
	
	

	
	

	
#infoviewin3abox6:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/360sukarnethumb.jpg);
	}

	

#infoviewin3abox6:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox6:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 6 END*/















/*Galeria FOTO 360 7*/

#infoviewin3abox7{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/360sukarne2thumb.jpg);
	}
	
	

	
	

	
#infoviewin3abox7:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/360sukarne2thumb.jpg);
	}

	

#infoviewin3abox7:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox7:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 7 END*/











/*Galeria FOTO 360 8*/

#infoviewin3abox8{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/elements360thumb.jpg);
	}
	
	

	
	

	
#infoviewin3abox8:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/elements360thumb.jpg);
	}

	

#infoviewin3abox8:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#infoviewin3abox8:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria FOTO 360 8 END*/










/*GALERIA VIDEOS 360*/

/*Galeria VIDEO 360 1*/		
		
		
#video360box{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 180%;
	background-color: #036;
	background-image: url(../img/360/360videobike.jpg);
	}
	

	
#video360box:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 290%;
	background-color: #036;
	background-image: url(../img/360/360videobike.jpg);
	}
	

#video360box:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}



	
	#video360box:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}

/*Galeria VIDEO 360 1 END*/








/*Galeria VIDEO 360 2*/

#video360box2{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 120%;
	background-color: #036;
	background-image: url(../img/360/360videoparachute.jpg);
	}
	
	

	
	

	
#video360box2:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 130%;
	background-color: #036;
	background-image: url(../img/360/360videoparachute.jpg);
	}

	

#video360box2:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#video360box2:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria VIDEO 360 2 END*/






/*Galeria VIDEO 360 3*/

#video360box3{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/360videodubai.png);
	}
	
	

	
	

	
#video360box3:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 260%;
	background-color: #036;
	background-image: url(../img/360/360videodubai.png);
	}

	

#video360box3:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#video360box3:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria VIDEO 360 3 END*/






/*Galeria VIDEO 360 4*/

#video360box4{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 160%;
	background-color: #036;
	background-image: url(../img/360/360videowater.jpg);
	}
	
	

	
	

	
#video360box4:hover{
	height: 200px;
	width: 24%;
	position: relative;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 10px;
	float: left;
	margin: 0.5%;
	background-size: 220%;
	background-color: #036;
	background-image: url(../img/360/360videowater.jpg);
	}

	

#video360box4:hover > .text-replacement{
	display: block;
	visibility: visible;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: auto;
	overflow: hidden;
	padding-top: 50px;
	background: rgba(0,0,0,0.6);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 19px;
}

	
	#video360box4:hover >.text-replacement2 {
	display: none;
	visibility: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 0;
	width: 0;
	overflow: hidden;
	padding-top: 30px;
	background: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: "Raleway Regular";
	margin-top: 0;
	transition-delay: 1s;
	transition-duration: 0.5s;
	animation-duration: 0.5s;
	animation-delay: 0.7;
	line-height: 16px;
}



/*Galeria VIDEO 360 4 END*/

/*GALERIA VIDEOS 360*/






										

/*360 end*/



	
	
body{
	padding:0;
	margin:0;
	 min-height: 2000px;
	}

	#wrap {
			position: relative;
			width: 760px;
			  display:none;
			visibility:hidden;
		
			height: 5000px;
			margin: 0 auto;
		}




#hometop{
	height: 50px;
	width: 100%;
	background-size: cover;
	position: relative;
	font-family: "Lato Thin";
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	float: none;
	background-color: rgba(7,7,7,1);
	z-index: 1000;
	text-align: center;
	}	
	
	#hometopleft{
	height: 40px;
	width: 40%;
	position: relative;
	font-family: "Lato Thin";
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	float: left;
	text-align: center;
	top: 10px;
	}	
	
	#hometopright{
	height: 40px;
	width: 50%;
	background-size: cover;
	position: relative;
	font-family: "Lato Thin";
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #CCCCCC;
	float: right;
	text-align: center;
	top: 10px;
	}	
	
#mainbanner{
	height: auto;
	width: 100%;
	background-size: cover;
	position: relative;
	background-color: rgba(0,0,0,1);
	}	
















/*360 VIEW*/

#view{
	position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #000;
	background-image: url(../img/360bg3.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
#viewtopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 40px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 40px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-weight: lighter;
		}	
		
	#viewinleft{
	width: 20%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: left;
	margin-right: 2%;
	margin-left: 2%;
	font-weight: lighter;
	top: 200px;
	text-shadow: #000 1px 1px 20px;
	clear: left;
		}	
		
	#viewinright{
	width: 70%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 2%;
	margin-left: 2%;
	font-weight: lighter;
	top: 40px;
	text-shadow: #000 1px 1px 20px;
	clear: right;
		}	
/*360 VIEW END*/






















/*MENU*/
/*----- Toggle Button -----*/
.toggle-nav {
    display:none;
}
 
/*----- Menu -----*/
@media screen and (min-width: 1148px) {
    .menu {
	width: 100%;
	padding: 10px 18px;
	border-radius: 3px;
	text-decoration: none;
	font-family: "Raleway Regular";
	color: #333;
    }
}
 
.menu ul {
    display:inline-block;
	 text-decoration:none;
}
 
.menu li {
	margin: 0px 50px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	font-size: 16px;
	line-height: 25px;
	color: #CCC;
	
}
 
.menu li:last-child {
 
}
 
.menu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	transition: color linear 0.15s;
}
 
.menu a:hover, .menu .current-item a {
	text-decoration: blink;
	color: #0093D0;
	font-size: 22px;
}
 
/*----- Search -----*/
.search-form {
    float:right;
    display:inline-block;
}
 
.search-form input {
    width:200px;
    height:30px;
    padding:0px 8px;
    float:left;
    border-radius:2px 0px 0px 2px;
    font-size:13px;
}
 
.search-form button {
    height:30px;
    padding:0px 7px;
    float:right;
    border-radius:0px 2px 2px 0px;
    background:#66a992;
    font-size:13px;
    font-weight:600;
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
    color:#fff;
}

/*MENU END*/ 






















.dark_bg {
	background: rgba(0,0,0,0.3);
}
	
	
	
	
	
#mainmenuleft{
	width: 100%;
	height: 90px;
	position: fixed;
	display: block;
	color: #333;
	z-index: 2000;
	background-color: rgba(0,0,0,0.6);
	
	}
	

.coblack{
	background-color:transparent;
	}


.cotrans{
	background-color:#000000;
	}

.topMenu {
	display: none;
	position: fixed;
	width: 100%;
	height: 60px;
	border-top: 1px solid #000;
	background: #020014;
	z-index: 1;
	top: 0px;
}

	
	
	
	
#mainmenuleft2{
	width: 100%;
	height: 70px;
	font-family: "Raleway Regular";
	position: absolute;
	size: 190px;
	color: #FFF;
	text-align: center;
	top: 20%;
	z-index: 10000;
	font-size: 130px;
	transition: all 0.9s ease-in-out;
	font-stretch: ultra-condensed;
	font-weight: bolder;
	letter-spacing: -10px;
	text-shadow: #000 2px 1px 20px;
	line-height: 45px;
	}	
	
	#mainmenuleft2:active{
	width: 100%;
	height: 90px;
	font-family: "Raleway Regular";
	position: absolute;
	size: 190px;
	color: #FFF;
	text-align: center;
	top: 40%;
	font-size: 130px;
	font-stretch: ultra-condensed;
	font-weight: bolder;
	letter-spacing: -10px;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	text-shadow: #000 2px 1px 20px;
	line-height: 45px;
	}	
	
	
	#mainmenuleft .scrolling{
    background: rgba(0,0,0,0.5);
}
	
	
	
	
#mainmenucenter{
	width: 90%;
	height: 110px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: auto;
	color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align: middle;
	}		
	
#mainmenucenter2{
	width: 90px;
	height: 50px;
	position: relative;
	color: #FFF;
	text-align: center;
	border-radius: 4px;
	font-family: "Raleway Regular";
	font-size: 15px;
	text-shadow: #000 1px 1px 20px;
	top: 20px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
	
	}				
	
#mainmenucenter2:hover{
	width: 90px;
	height: 30px;
	position: relative;
	color: #C30;
	text-align: center;
	border-radius: 4px;
	font-family: "Raleway Regular";
	font-size: 20px;
	text-shadow:#900 1px 1px 20px;
	font-weight:bold;
	text-shadow: #000;
	top: 20px;
	float: left;
	margin-left: 10px;
	border-bottom:#C00 solid 5px;
	
	}		
	
	
	.btn_main{
	width: 260px;
	font-family: "Raleway Regular";
	color: #FFF;
	background: #C90;
	border-radius: 40px;
	box-shadow: #000 1px 1px 20px;
	height: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 24px;
		}
	
	
	
	
/*CONTACT FORM MODAL*/
#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline {
	
	width: 600px;
}

label {
	margin-right: 12px;
	margin-bottom: 9px;
	font-family: "Raleway Regular";
	color: #666;
	font-size: 1.2em;
}

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
/*CONTACT FORM MODAL END....*/

	
	
	
/*BANNER2*/	


#soluciones{
	position: relative;
	width: 100%;
	box-shadow: #000 1px 2px 20px;
	height: 100px;
	background: #FFF;
		}
	
	#solucionestopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	

	
	#banner2{
	position: relative;
	width: 100%;
	height: 420px;
	background: #FFF;
		}
	
	#banner2in{
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}	
	#colu1{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background: url(../img/identidadcorp.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 10s ease-in;
	-o-transition: background-position 10s ease-in;
	transition: background-position 5s ease-in;
		}	
		
	#colu1:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: top;
	background: url(../img/identidadcorp.jpg);
	background-color: #CCC;
	margin-top: 2%;
		}	
		
		
		
	#coluin{
	width: 90%;
	height: 110px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	#hover-content {
    visibility:hidden;
}
#colu1:hover #hover-content {
  visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}
	

#coluintop{
	width: 100%;
	height: 40px;
	color:#FFF;
	font-size:20px;
	text-shadow:#000 1px 1px 10px;
	font-family:"Raleway Regular";
	background: rgba(0,0,0,0.5);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	
#coluintopamenities{
	width: 100%;
	height: 100px;
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	font-family: "Raleway Regular";
	background: rgba(0,0,0,0);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}	
	
	
		
/*BANNER2 END	*/
	
	
	/*PROYECTOS*/
	#proyectosinvideos{
	width: 100%;
	float: none;
	position: relative;
	height: 210px;
	font-family: "Raleway Regular";
	font-size: 25px;
	color: #FFF;
	background-size: cover;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	background-image: url(../img/filmstripbg.png);
	background-repeat: repeat-x;

		}			
		
		#proyectosinvideos2{
	width: 99%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 25px;
	color: #FFF;
	background-size: cover;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	top: 45px;

		}
		
	/*PROYECTOS END*/
	

/*NOSOTROS*/	
	
	#abouttop{
	position: relative;
	width: 100%;
	height: 90px;
	background: #FFF;
	box-shadow:#000 1px 2px 50px;
		}
	
	#abouttopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	
	
	
	
	#about{
	position: relative;
	width: 100%;
	height: 400px;
	background: #FFF;
		}
	
	#aboutin{
	width: 90%;
	position: relative;
	height: 80%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#aboutinleft{
	width: 50%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #666;
		}	
	#aboutinright{
	width: 30%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
	font-family: "Raleway Regular";
		}	
		
/*NOSOTROS END	*/		
		
			
			
			
			
/*AMMENITIES*/			
	#amenities{
	position: relative;
	width: 100%;
	height: auto;
	background: #FFF;
	}
	
			#amenitiesin2{
	width: 98%;
	height: auto;
	text-align: center;
	margin-left: 6%;
	margin-right: auto;
	top: 35px;
	float: none;
		}	
	
	
		#amenitiesin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 15px;
	color: #130C0F;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 50px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: normal;
		}	
		
/*AMMENITIES END*/					
			
			
			
			
				
		
/*COLU1*/		
	#colu1{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background: url(../img/identidadcorp.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: left;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
		}	
		
	#colu1:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right;
	background-color: #CCC;
	margin-top: 2%;
	background-image: url(../img/identidadcorp.jpg);
		}	

#colu1:hover #hover-content {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 1px 10px;

}

#hover-content {
    visibility:hidden;
	height:100px;}		
		
/*COLU1 END*/	





#coluin{
	width: 90%;
	height: 110px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
#coluintop{
	width: 100%;
	height: auto;
	color: #FFF;
	text-shadow: #000 1px 1px 10px;
	font-size: 25px;
	padding-top: 10px;
	font-family: "Raleway Regular";
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	}
	
	
	
/*COLU2*/		
	#colu2{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background: url(../img/videofilmbg.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right;
	-webkit-transition: background-position 6s ease-in;
	-moz-transition: background-position 6s ease-in;
	-o-transition: background-position 6s ease-in;
	transition: background-position 6s ease-in;
		}	
		
	#colu2:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	margin-top: 2%;
	background-position: left;
	
		}	

#colu2:hover #hover-content2 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content2 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU2 END*/	






/*COLU2*/		
	#colu3{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background: url(../img/viewmovebg.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: gray;
	position: relative;
	
	 
		}	
		
	#colu3:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: center center;
	background-color: #CCC;
	margin-top: 2%;
	background-size: 200%;
		}	

#colu3:hover #hover-content3 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content3 {
	visibility: hidden;
	height: 80px;
}

/*COLU3 END*/






/*COLU4*/		
	#colu4{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background: url(../img/communitycolubg.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
		}	
		
	#colu4:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu4:hover #hover-content4 {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;

}

#hover-content4 {
    visibility:hidden;
	height:100px;}		
		
/*COLU4 END*/	














#fotovidtopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}	
	#fotovidinleft{
	width: 80%;
	float: none;
	position: relative;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}	















/*DISEÑO GRAFICO*/
	
	#disenotop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#disenotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 15px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 1000;

		}	
	
	
		#topinhome{
	width: 35%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 25px;
	color: #FFF;
	margin-right: auto;
	margin-left: 3%;
	top: 200px;
	text-shadow: #000 1px 2px 20px;
	z-index: 1000;
	float: left;
	font-weight: 900;

		}
		
		
#topinasesoria{
	width: 75%;
	position: relative;
	height: auto;
	font-family: "Oswald Bold";
	font-size: 25px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 200px;
	text-shadow: #000 1px 2px 20px;
	z-index: 1000;
	float: none;
	font-weight: 900;

		}		
		
			
			#topinhome2{
	width: 50%;
	float: right;
	position: relative;
	height: 50%;
	font-family: "Lato Thin";
	font-size: 40px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 15%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 0px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background: rgba(0,0,0,0.0);
		}	
	
	
	/*SPA*/
		#spa{
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-color: transparent;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
	background-image: url(../img/spaciobg.jpg);
		}
	/*SPA END*/
	
	#diseno{
	position: relative;
	width: 100%;
	height: 780px;
	background-size: cover;
	background-color: #066;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
	background-image: url(../imgs/slider.jpg);
		}
	
		#diseno0{
	position: relative;
	width: 100%;
	height: 780px;
	background-size: cover;
	background-color: #000;
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
	
		}
	
	
	
	#disenoin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#disenoinleft{
	width: 80%;
	float: none;
	position: relative;
	height: 50%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 0px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
		}	
	#disenoinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
		
		#contactotitle{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 15px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 50px;
	text-shadow: #fff 1px 1px 20px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: normal;
		}	
		
		
		
		
	#footerbox{
	width: 49%;
	float: left;
	position: relative;
	height: 350px;
	font-family: "Lato Thin";
	font-size: 18px;
	color: #FFF;
	margin-right: 0.5%;
	margin-left: 0.5%;
	text-align: center;
	top: 50px;
	text-shadow: #fff 1px 1px 20px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: bolder;
		}			
		
		
			#footerstyle{
	width: 18%;
	float: left;
	position: relative;
	height: 350px;
	font-family: "Lato Thin";
	font-size: 18px;
	color: #FFF;
	margin-right: 0.5%;
	margin-left: 0.5%;
	text-align: center;
	top: 50px;
	text-shadow: #000 1px 1px 20px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: bolder;
		}	
		
		
		
		
	#about{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #3E81CF;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
	background-image: url(../img/bajamarbeach.jpg);
		}
		
			#locations{
	position: relative;
	width: 100%;
	height: 650px;
	background-color: #232323;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}
		
		#resortin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 32px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 2px 20px;
	line-height: 30px;
		}	
		
#mexbrosfruitsin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 70px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}	
		
		
#mexbrosfruitsin2{
	width: 70%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 150px;
	border-radius: 20px;
	text-shadow: #fff 1px 1px 20px;
	box-shadow: #000 1px 1px 20px;
	background-color: rgba(255,255,255,0.9);
		}			
		
		
	#resort{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #000;
	background-attachment: scroll !important;
	background-image: url(../img/bgresort2.jpg);
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}		
		
		
		
	#disenoinfoinleft2{
	width: 38%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
		}	
		
		
		
		
	#disenoinfoinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 750px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/movil2.jpg);
		}	
		
		
		
		
	#asesoriadeudoresimg{
	width: 48%;
	float: right;
	position: relative;
	height: 600px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #1B1110;
	margin-left: auto;
	text-align: right;
	background-size: contain;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/asesoria-para-deudores-buro-de-credito-vizonty.jpg);
		}	
	
	
		#verificacionesimg{
	width: 48%;
	float: right;
	position: relative;
	height: 600px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #1B1110;
	margin-left: auto;
	text-align: right;
	background-size: contain;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/verificacion-vizonty.jpg);
		}
	
	
	
	
	#asesoriaparadeudoresinleft2{
	width: 45%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
		}	
		
	#asesoriaparadeudoresinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 750px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/movil2.jpg);
		}	
	
	
	

				
		
		
		
		
	#disenoinfoinright03{
	width: 55%;
	float: right;
	position: relative;
	height: 750px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/movil3.jpg);
		}			
		
		
	#resorthhbm{
	position: relative;
	width: 100%;
	height: 750px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
		}	
		
		
		
	#asesoriaparadeudores{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
		}			
		
	#verificaciones{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
		}	
		
 	#verificacionesinleft2{
	width: 45%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
		}	
		
	#verificacionesinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 750px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(../imgs/movil2.jpg);
		}				
		
		
		#videovizonty{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #05060A;
		}		
	#videovizontyin{
	position: relative;
	width: 70%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	top: 20px;
	text-align: center;
	font-family: "Oswald Bold";
	font-size: 36px;
	color: #FFF;
	line-height: 20px;

		}		
		
		
		
			#promotionsinfoinleft2{
	width: 38%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: right;
	top: 5px;
		}	
		
	#promotionsinfoinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #066;
	margin-left: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	
		}	
		
		
	#clientes{
	position: relative;
	width: 100%;
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}	
		
		
		
		#misionvision{
	position: relative;
	width: 100%;
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}	
			
		
			#mision{
	width: 38%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: right;
	top: 5px;
		}	
		
	#vision{
	width: 38%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
	
		}		
		

		
		
		
		
		
		
#freightstorage{
	position: relative;
	width: 100%;
	height: 800px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F4F4F4;
		}			

#freightstorageinfoinleft{
	width: 50%;
	float: left;
	position: relative;
	height: 100%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../img/front.jpg);
	background-position: right center;
	background-repeat: no-repeat;
		}	
		
	#freightstorageinfoinright{
	width: 40%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 24px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	

/*freightstorage END*/







/*Recuperacion de Activos*/
		
#recuperaciondeactivos{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#recuperaciondeactivosinleft{
	width: 45%;
	float: left;
	position: relative;
	height: 100%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image:url(../imgs/recuperacion-de-activos-vizonty.jpg);
		}	
		
	#recuperaciondeactivosinright{
	width: 47%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	

/*Recuperacion de Activos END*/



/*Estudios Socioeconómicos*/
		
#estudiossocioeconomicos{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#estudiossocioeconomicosinleft{
	width: 45%;
	float: left;
	position: relative;
	height: 100%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url(../imgs/estudios-socioeconomicos-buro-de-credito-vizonty.jpg);
		}	
		
	#estudiossocioeconomicosinright{
	width: 47%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	

/*Estudios Socioeconomicos END*/





/*rooms*/
		
#rooms{
	position: relative;
	width: 100%;
	height: 800px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#roomsinfoinleft{
	width: 45%;
	float: left;
	position: relative;
	height: 100%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #036;
	background-image: url(../imgs/asesoria-para-deudores-buro-de-credito-vizonty.jpg);
		}	
		
	#roomsinfoinright{
	width: 47%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	

/*rooms END*/









/*DISEÑO GRAFICO*/






#btnini{
	height: 60px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	
	#btnini:hover{
	height: 70px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}

#btnminimalista{
	height: 60px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}

#btnminimalista:hover{
	height: 65px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	
#btnminimalistagrey:hover{
	height: 65px;
	background-color: #0093D0;
	border: solid medium #666;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}		
	
#btnminimalistagrey{
	height: 60px;
	background-color: #181C28;
	border: none;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}	
		

#posicionamiento{
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #C00;
	background-image: url(../img/red-abstract.jpg);
	background-position: left top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
		}	
		
#posicionamientoinfointop2{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 60px;
	text-shadow: #000 1px 1px 20px;
		}	



/*DRONES DOWN*/

	
	#dronesinfotop{
	position: relative;
	width: 100%;
	height: 90px;
	background: #FFF;
	box-shadow:#000 1px 2px 50px;
		}
	
	#dronesinfotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	
	
	
	
	#dronesinfo{
	position: relative;
	width: 100%;
	height: 400px;
	background-color: #000;
	background-attachment: scroll;
	background-image: url(../img/equipo/eqinfo.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
		}
	
	#adronesinfoin{
	width: 90%;
	position: relative;
	height: 80%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#dronesinfoinleft{
	width: auto;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	margin-right: 10%;
	margin-left: 10%;
	text-align: center;
		}	
	#dronesinfoinright{
	width: 30%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
		}	

/*DRONES DOWN END*/





/*VIDEOYFOTO*/	
	
	#fotoyvideotop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#fotoyvideotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#fotoyvideo{
	position: relative;
	width: 100%;
	height: 770px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #336;
	background-image: url(../img/fotoyvideobg.jpg);
		}
	
	#fotoyvideoin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#fotoyvideoinleft{
	width: 45%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: right;
		}	
	#fotoyvideoinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	color: #FFF;
	padding-left: 30px;
	font-family: "Raleway Regular";
	font-size: 14px;
		}	
		
/*VIDEOYFOTO END	*/









/*FOTO Y VIDEO INFO*/
	#fotosyvideoinfotop{
	position: relative;
	width: 100%;
	height: 90px;
	background: #FFF;
	box-shadow:#000 1px 2px 50px;
		}
	
	#fotosyvideoinfotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	
	
	
	
	#fotosyvideoinfo{
	position: relative;
	width: 100%;
	height: auto;
	background: #FFF;
		}
	
	#fotosyvideoinfoin{
	width: 98%;
	position: relative;
	height: auto;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
		}	
		
	#fotosyvideoinfoinleft{
	width: 50%;
	float: left;
	position: relative;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #666;
	margin-top: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-left: 4%;
		}	
	#fotosyvideoinfoinright{
	width: 30%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
		}	

/*FOTO Y VIDEO INFO END*/



/*COMMUNITY*/	
	
	#communitytop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#communitytopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#community{
	position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #336;
	background-image: url(../img/communitybg.jpg);
		}
	
	#communityin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#communityinleft{
	width: 45%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
		}	
	#communityinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	color: #FFF;
	padding-left: 30px;
	font-family: "Raleway Regular";
		}	
		
/*COMMUNITY END	*/




/*PROYECTOS*/



	#proyectos:hover{
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #336;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}	
	
	
	
	#proyectos{
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/proyectosbg001.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	
	#proyectostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 5em;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 200px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}
		
#proyectosinleft{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: lighter;
	top: 200px;
	text-shadow: #000 1px 1px 20px;
		}	



#proyectosinfo{
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #272727;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}	
		
#proyectosinfo2{
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #272727;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}				
			
#proyectosleft{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;

		}			
#proyectosright{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	background-image: url(../img/videofilmbg.jpg);
	text-align: center;
		}				
		
#proyectosleft2{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/sukarneimg.JPG);
		}			
#proyectosright2{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}						
		
#proyectosleft3{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright3{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/newcityimg.JPG);
		}	
		

#proyectosleft4{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/uqcimg.jpg);
		}			
#proyectosright4{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}						
		


		
#proyectosleft5{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright5{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/vergelimg.JPG);
		}	




#proyectosleft6{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/puertosalinaimg.JPG);
		}			
#proyectosright6{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}	



#proyectosleft7{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #272727;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright7{
	position: relative;
	width: 50%;
	height: 300px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/beautydentalimg.jpg);
		}	


									
		
#proyectosinner{
	position: relative;
	width: 90%;
	height: auto;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
	top: 30px;
	text-align: center;
		}			
		
	#proyectosinfointop{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 20px;
	display: block;
	line-height: 40px;
		}			
		
#proyectosinfoinbox{
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-align: center;
	display: block;
	line-height: 20px;
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	text-shadow:#000 1px 1px 20px;
		}					
		
		
/*PROYECTOS END*/



	


/*WEBSITES*/	
	
	#websitestop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#websitestopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#websites{
	position: relative;
	width: 100%;
	height: 800px;
	background: url(../img/websitesbg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #336;
		}
	
	#websitesin{
	width: 90%;
	position: relative;
	height: 750px;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#websitesinleft{
	width: 50%;
	float: left;
	position: relative;
	height: 70%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
	#websitesinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 70%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
		
		
#webdevinfo{
	position: relative;
	width: 100%;
	height: 250px;
	background-color: #FFFFFF;
		}		
	#webdevinfointop{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 30px;
	line-height: 40px;
		}
		
		

#desarrollostop{
	position: relative;
	width: 100%;
	height: 100px;
	background: rgba(0,0,0,0.7);
		}
	
	#desarrollostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}
		
#desarrollostop2{
	position: relative;
	width: 100%;
	box-shadow: #000 1px 2px 20px;
	height: 150px;
	background-color: rgba(219,219,219,0.8);
		}
	
	#desarrollostopin2{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top: 30px;
	font-weight: lighter;
		}			
		
				
							
		
/*WEBSITES END	*/



	
	
	

	#divdiv1{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF;
	background-position: 0;
		}
		
		#divdiv1in{
	width: 100%;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
		}	

	




/*servicios*/	


#serviciostop{
	position: relative;
	width: 100%;
	box-shadow: #000 1px 2px 20px;
	height: 100px;
	background: #FFF;
		}
	
	#serviciostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #C00;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	

	
	#servicios{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF;
		}
	
	#serviciosin{
	width: 99%;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}
		
		
		
		
		
		#services{
	position: relative;
	width: 100%;
	height: 400px;
	background-color: #000;
	background-repeat: repeat;
		}
		
		
		
			#amenitiesinner{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #FFF;
	background-image: url(../img/texturewhite.jpg);
	background-repeat: repeat;
		}
		
		
		
		
		#serviciosdesignin{
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
		}	
/*SERVICIOS END*/		
		
		



#web03{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 6s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/puertosalinaweb.jpg);
	
	 
		}	
		
	#web03:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			
		
		
		
		
		
		



#web04{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/kumanoweb.jpg);
	
	 
		}	
		
	#web04:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			



		
		
		






#web05{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/uqcweb.jpg);
	
	 
		}	
		
	#web05:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}		

		
		
		
		
		
		
		


#web06{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/kaleweb.jpg);
	
	 
		}	
		
	#web06:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			
		
		
		






#web07{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/beautydentalweb.jpg);
	
	 
		}	
		
	#web07:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	



	

#web08{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/urbandesignweb.jpg);
	
	 
		}	
		
	#web08:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}		
	
	
	
	
	
	
	
/*DESARROLLOWEB IN*/	
	#desarrollos{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #333;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/websitesbg2.jpg);
		}
	
	#desarrollosin{
	width: 99%;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}
/*DESARROLLOWEB IN END*/	
	
		
		
		
		
		
		
		
		
		
		
		
		
	#colu01{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/gh4bg.jpg);
		}	
		
	#colu01:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	
		
		
		
	#colu0in{
	width: 90%;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 30px;
	color:#FFF;
	font-family:"Lato Thin";
	font-size:18px
	}
	
	
	#hover-content {
    visibility:hidden;
}


#colu01:hover #hover-content {
  visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}
	


#colu0intop{
	width: 100%;
	height: 40px;
	color:#FFF;
	font-size:20px;
	font-family:"Raleway Regular";
	background: rgba(0,0,0,0.5);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	
/*COLU02*/		
	#colu02{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-image: url(../img/gh3bg.jpg);
		}	
		
	#colu02:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	margin-top: 2%;
	background-position: left center;
	
		}	

#colu02:hover #hover-content02 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content02 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU02 END*/	






/*COLU03*/		
	#colu03{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/equipo/redcambg.jpg);
	
	 
		}	
		
	#colu03:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu03:hover #hover-content03 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content03 {
	visibility: hidden;
	height: 80px;
}

/*COLU03 END*/






/*COLU04*/		
	#colu04{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: left center;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/osmobg.jpg);
		}	
		
	#colu04:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right center;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu04:hover #hover-content04 {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;

}

#hover-content04 {
    visibility:hidden;
	height:100px;}		
		
/*COLU4 END*/		
	
	
	
	
	
	
	
	
	
	
	
	
	
/*COLU05*/		
	#colu05{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: left center;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/roninbg.jpg);
		}	
		
	#colu05:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right center;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu05:hover #hover-content05 {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;

}

#hover-content05 {
    visibility:hidden;
	height:100px;}		
		
/*COLU5 END*/			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*COLU06*/		
	#colu06{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/iris360bg.jpg);
		}	
		
	#colu06:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu06:hover #hover-content06 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content06 {
    visibility:hidden;
	height:100px;}		
		
/*COLU6 END*/	
	
	
	
	
	
	
	



	/*COLU07*/		
	#colu07{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/estudiobg.jpg);
		}	
		
	#colu07:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu07:hover #hover-content07 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content07 {
    visibility:hidden;
	height:100px;}		
		
/*COLU7 END*/	
	
		
	
	
	


	/*COLU08*/		
	#colu08{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/canonbg.jpg);
		}	
		
	#colu08:hover{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu08:hover #hover-content08 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content08 {
    visibility:hidden;
	height:100px;}		
		
/*COLU7 END*/	
		
	
	
	
	/*BTNS*/
	/*COLU0003*/		
	#colu0003{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/administracion.jpg);
	
	 
		}	
		
	#colu0003:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: left bottom;
	background-color: #CCC;
	margin-top: 0%;
		}	

#colu0003:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}

#hover-content0003 {
	visibility: visible;
		/*visibility: hidden;*/
	height: 80px;
}

/*COLU0003 END*/






/* COMERCIO EXTERIOR  */

	#colu00011{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/comercio_exterior_crens.jpg);
	
	 
		}	
		
	#colu00011:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: left bottom;
	background-color: #CCC;
	margin-top: 0%;
		}	

#colu00011:hover #hover-content00011 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}


/*Fin COMERCIO EXTERIOR*/







	/*AME0003*/		
	#ame0003{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 300px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/pool.jpg);
	
	 
		}	
		
	#ame0003:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 300px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0003:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: visible;
	height: 80px;
}

/*AME0003 END*/




/*COLU0008*/		
	#ame0008{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	border-radius: 300px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/restaurant.jpg);
	
	 
		}	
		
	#ame0008:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0008:hover #hover-content0008 {
	visibility: visible;
	padding-top: 20px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0);
	height: 150px;
}

#hover-content0008 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

/*AME008 END*/



/*COLU02*/		
	#ame0002{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	border-radius: 300px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 3s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/bar.jpg);
	
	 
		
		}	
		
	#ame0002:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
	
		}	

#ame0002:hover #hover-content0002 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
}

#hover-content0002 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0002 END*/	







	/*AME0005*/		
	#ame0005{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 300px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/tenis.jpg);
	
	 
		}	
		
	#ame0005:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 300px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0005:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: visible;
	height: 80px;
}

/*AME0003 END*/






/*AME00061*/		
	#ame00061{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 300px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/swedishmassage.jpg);
	
	 
		}
		
	#ame00061:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 300px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame00061:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
		visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

/*AME00061 END*/

















/*COLU0008*/		
	#colu0008{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image:url(../imgs/apertura_nueva_empresa_crens.jpg);
	
	 
		}	
		
	#colu0008:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: left bottom;
	background-color: #CCC;
	margin-top: 0%;
		}	


/*COLU008 END*/






/*COLU0008*/		
	#colu00012{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image:url(../imgs/certificacion_immex_crens.jpg);
	
	 
		}	
		
	#colu00012:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: left bottom;
	background-color: #CCC;
	margin-top: 0%;
		}	


/*COLU008 END*/








/*COLU02*/		
	#colu0002{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/liderazgo.jpg);
	
	 
		}	
		
	#colu0002:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 0%;
	
		}	

#colu0002:hover #hover-content0002 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

#hover-content0002 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0002 END*/	





/*CONTABILIDAD*/		
	#colu00015{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/contabilidad_crens_tijuana.jpg);
	
	 
		}	
		
	#colu00015:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 0%;
	
		}	

#colu00015:hover #hover-content00015 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

#hover-content00015 {
	visibility: hidden;
	height: 80px;
}
	
/*CONTABILIDAD END*/	











/*COLU0009*/		
	#colu0009{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/reclutamiento-externo.png);
	
	 
		
		}	
		
	#colu0009:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 0%;
	
		}	

#colu0009:hover #hover-content0009 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

#hover-content0009 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0002 END*/	









/*AUDITORIAS DE PROCESO*/		
	#colu00013{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 0%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 1s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image:url(../imgs/auditorias_crens.png);
	
	 
		
		}	
		
	#colu00013:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 300px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 0%;
	
		}	

#colu00013:hover #hover-content00013 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;
}

#hover-content00013 {
	visibility: hidden;
	height: 80px;
}
	
/*END AUDITORIAS DE PROCESO*/	







	/*DISENO GRAFICO BTNS END*/
	
	
		
/*SSSSSSServicios END	*/
	
		










/*BUSINESS VIEW*/	
	
	#businessviewtop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#businessviewtopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#businessview{
	position: relative;
	width: 100%;
	height: 800px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center left;
	background-color: #336;
	background-image: url(../img/360bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
		}
	
	
	#businessview:hover{
	position: relative;
	width: 100%;
	height: 800px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center right;
	background-color: #336;
	background-repeat: no-repeat;
	background-position: left;
	-webkit-transition: background-position 10s ease-in;
	-moz-transition: background-position 10s ease-in;
	-o-transition: background-position 10s ease-in;
	transition: background-position 10s ease-in;
		}
	
	
	
	#businessviewin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#businessviewinleft{
	width: 60%;
	float: left;
	position: relative;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
		}	
	#businessviewinright{
	width: 28%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	text-align: center;
		}	
		
/*BUSINESS VIEW END	*/











/*Contacto*/	


#contactotop{
	position: relative;
	width: 100%;
	height: 150px;
		}
	
	#contactotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top: 70px;
		}	

	
	#contacto{
	position: relative;
	width: 100%;
	height: 850px;
	background-attachment: fixed;
	background-position: right center;
	background-color: #0093D0;
		}
	
	#contactoin{
	width: 99%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}			
		
		
	#colu001{
	box-shadow: #000 1px 1px 5px;
	width: 35%;
	height: 600px;
	margin-left: 5%;
	border-radius: 20px;
	margin-right: 5%;
	float: left;
	background-size: auto;
	margin-top: 2%;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 10s ease-in;
	-o-transition: background-position 10s ease-in;
	transition: background-position 5s ease-in;
	color: #FFF;
	text-align: center;
	font-family: "Raleway Regular";
	background-color: rgba(51,51,51,0.1);
		}	

		
	
	
	



	
/*COLU02*/		
	#colu002{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-size: auto;
	margin-top: 2%;
	background-position: right;
	-webkit-transition: background-position 6s ease-in;
	-moz-transition: background-position 6s ease-in;
	-o-transition: background-position 6s ease-in;
	transition: background-position 6s ease-in;
		}	

	
/*COLU02 END*/	






/*COLU02*/		
	#colu003{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	
	 
		}	
		


/*COLU03 END*/






/*COLU04*/		
	#colu004{
	width: 40%;
	height: 510px;
	margin-left: 1%;
	margin-right: 8%;
	float: right;
	background-size: auto;
	margin-top: 2%;
	border-radius: 20px;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
		}
/*COLU4 END*/		
	
	
		
/*CONTACTO ENDDDDDDDD	*/







#bottomdiv{
	width: 100%;
	height: 50px;
	color: #FFFFFF;
	font-size: 20px;
	font-family: "Raleway Regular";
	background-color: #1C3A5B;
	position: relative;
	}
#bottomdivin{
	width: 90%;
	height: 30px;
	top: 10px;
	color: #CCC;
	font-family: "Raleway Regular";
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-top: 20px;
	text-align: center;
	}	
	





	
	
	
	
	
	
	
	
	
	
	#mainmenuright{
	width: 250px;
	height: 150px;
	float: right;
	position: absolute;
	color: #FFF;
	right: 0px;
	}
#mainmenucenterright{
	width: 15%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: auto;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	float: right;
	}
	

.zoomin{
	width:30px;
	height:30px;
	}	
	
.zoomin:hover{
	width:45px;
	height:45px;
	}		
	
	
#mainlogo{
	width: 28%;
	height: 68px;
	margin-left: 15px;
	position: relative;
	float: left;
	text-align: right;
	
}


#mainright{
	width: 70%;
	height: 70px;
	position: relative;
	float: right;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	z-index:1000;
	
}

#mainright00{
	width: 90%;
	height: 70px;
	position: relative;
	float: none;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	z-index: 1000;
	text-align: center;
	font-family: "Oswald Bold";
	font-size: 40px;
	top: 15px;
	
}


#containermain{
	width:90%;
	height:200px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	}



	.btn_gbv{
	width: 360px;
	font-family: "Raleway Regular";
	color: #FFF;
	background: #C90;
	border-radius: 5px;
	box-shadow: #000 1px 1px 20px;
	height: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
	font-weight: bold;
		}
	












/*SMARTPHONES*/
@media only screen and (min-width:200px) and (max-width:790px){

	.h1clase009{
	font-size: 45px;
	color: #066
}


		#videovizonty{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #05060A;
		}		
	#videovizontyin{
	position: relative;
	width: 70%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	top: 20px;
	line-height: 20px;
	text-align: center;
	font-family: "Oswald Bold";
	font-size: 36px;
	color: #FFF;
	line-height: 30px;

		}	


#btnhome2{
	height: 70px;
	width: 40%;
	background-color: #333;
	text-shadow: #000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: none;
	}

#btnhome2:hover{
	height: 75px;
	width: 40%;
	background-color: #2D2D2D;
	/*	border: solid medium #FFF;*/
	text-shadow: #000 1px 2px 10px;
	border-radius: 10px;
	font-size: 24px;
	color: #ccc;
	font-family: "Raleway Regular";
	}



	#titlescript20{
	font-family: "Oswald Bold";
	font-size: 30px;
	text-shadow:#000 1px 2px 10px;
	}



#contactus{
	position: relative;
	width: 100%;
	height: 1200px;
	background-color: #f2f2f2;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}

	
	#footerbox{
	width: 90%;
	float: none;
	position: relative;
	height: 350px;
	font-family: "Lato Thin";
	font-size: 18px;
	color: #FFF;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 50px;
	text-shadow: #fff 1px 1px 20px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: bolder;
		}			



/*AMENIDADES BOX'S*/

			#amenitiesinner{
	position: relative;
	width: 100%;
	height: 1900px;
	background-color: #FFF;
	background-image: url(../img/texturewhite.jpg);
	background-repeat: repeat;
		}

			#amenitiesin2{
	width: 98%;
	height: auto;
	text-align: center;
	margin-left: 8%;
	margin-right: auto;
	top: 35px;
	float: none;
		}	

	/*AME0003*/		
	#ame0003{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 300px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/pool.jpg);
	
	 
		}	
		
	#ame0003:hover{
	box-shadow: #000 1px 1px 5px;
	width: 300px;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 300px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0003:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: hidden;
	height: 80px;
}

/*AME0003 END*/

/*AMENIDADES BOX'S END*/
		
		
		
			#promotionsinfoinleft2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 18px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 5px;
	color: #666;
		}	
		
	#promotionsinfoinright2{
	width: 90%;
	float: none;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: center;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-top: 30px;
	
		}	
		
		
	#promotions{
	position: relative;
	width: 100%;
	height: 800px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}	



/*rooms*/
		
#rooms{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#roomsinfoinleft{
	width: 90%;
	float: none;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../imgs/movil4.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: auto;
		}	
		
	#roomsinfoinright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 18px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
	color: #666666;
		}	

/*rooms END*/





/*Recuperacion de Activos Movil*/
		
#recuperaciondeactivos{
	position: relative;
	width: 100%;
	height: 750px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#recuperaciondeactivosinleft{
	width: 90%;
	float: none;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../imgs/recuperacion-de-activos-vizonty.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: auto;
		}	
		
	#recuperaciondeactivosinright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 18px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
	color: #666666;
		}	

/*Recuperacion de Activos Movil END*/


/*Estudios Socioeconomicos Movil*/
		
#estudiossocioeconomicos{
	position: relative;
	width: 100%;
	height: 750px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
		}			

#estudiossocioeconomicosinleft{
	width: 90%;
	float: none;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: cover;
	background-attachment: scroll;
	background-image: url(../imgs/estudios-socioeconomicos-buro-de-credito-vizonty.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: auto;
		}	
		
	#estudiossocioeconomicosinright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 18px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
	color: #666666;
		}	

/*Estudios Socioeconomicos Movil END*/




		#misionvision{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;

	background-color: #FFF;
		}	
			#clientes{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}		
		
			#mision{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 50px;
		}	
		
	#vision{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 7px;
	
		}		
		




/*GALLERY*/


#galeriahotelhacienda{
	height: 900px;
	width: 100%;
	z-index: 500;
	}
#galeriahotelhaciendatopin{
	height: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	position: relative;
	text-align: center;

    }

#galeriahotelhaciendain{
	height: auto;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	z-index: 20;
	position: relative;

    }
.titulogaleria{
	font-size: 50px;
	font-family: "Oswald Bold";
	color: #006666;
}
.subtitulogaleria{
	font-size: 20px;
	font-family: "Raleway Regular";
	color: #333333;
}



#incentercolumn{
	width: 43%;
	float: left;
	position: relative;
	height: 600px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background: rgba(0,0,0,0.0);
	background-size:cover;
	margin-top: 1%;
		}		
		
#incentercolumn1{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	margin-top: 1%;
	background-attachment: scroll;
	background-color: rgba(0,102,102,1);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}	

#incentercolumn2{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,102,102,1);



);
		}
#incentercolumn3{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #666;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);

		}
		
#incentercolumn4{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);

		}
		
#incentercolumn5{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);

		}						
				
		

		
#incentercolumn6{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,0,0,0.0);

		}						
			
		
#incentercolumn7{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,102,102,1);

		}				
				
		
#incentercolumn8{
	width: 48%;
	float: left;
	position: relative;
	height: 300px;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FBFBFB;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: 1%;
	margin-left: 1%;
	font-weight: lighter;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-size: cover;
	margin-top: 1%;
	background-color: rgba(0,102,102,1);

		}					
				
/*GALLERY END*/










#mainright00{
	width: 90%;
	height: 200px;
	position: relative;
	float: none;
	margin-right: auto;
	margin-left: auto;
	color: #066;
	z-index: 1000;
	text-align: center;
	font-family: "Oswald Bold";
	font-size: 36px;
	top: 15px;
	
}


	#topinhome{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 18px;
	color: #FFF;
	margin-right: auto;
	margin-left: 4%;
	top: 200px;
	text-shadow: #000 1px 2px 20px;
	z-index: 1000;
	float: left;
	font-weight: 900;

		}	


#hometop{
	height: 0px;
	width: 100%;
	background-size: cover;
	position: relative;
	font-family: "Lato Thin";
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	float: none;
	background-color: rgba(0,0,0,0.9);
	z-index: 1000;
	display:none;
	visibility:hidden;
	text-align: center;
	}	


#bottomdiv{
	width: 100%;
	height: 70px;
	color: #FFFFFF;
	font-family: "Raleway Regular";
	background-color: #333333;
	position: relative;
	}
#bottomdivin{
	width: 90%;
	height: 50px;
	top: 10px;
	color: #CCC;
	font-family: "Raleway Regular";
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-top: 20px;
	text-align: center;
	}	


#mexbrosfruitsin2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #000;
	margin-right: auto;
	padding-left:20px;
	padding-right:20px;
	margin-left: auto;
	text-align: center;
	top: 150px;
	border-radius: 20px;
	text-shadow: #fff 1px 1px 20px;
	box-shadow: #000 1px 1px 20px;
	background-color: rgba(255,255,255,0.9);
		}	

.h1clase{
 font-size:70px;
	color:#fff;
	line-height:60px;}
	

#h1clase2{
	font-size: 30px;
	color: #03738f;
	font-family: "Oswald Bold";
}
	
		video{
	position: relative;
	width: 100%;
	height:auto;
	z-index: -100;
	visibility:hidden;
	display:none;
	background-attachment: fixed;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
margin-left:auto;
margin-right:auto;
	}	
	
	#infoviewin3avids{
	height: auto;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	}
	
	
	#infoview3{
	height: auto;
	width: 100%;
	position: relative;
	font-family: "Raleway Regular";
	background-size: cover;
	color: #FFF;
	font-size: 18px;
	background-color: #1D1610;
	}
	
	
			#infoviewin3{
	height: 130px;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 40px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: 60px;
	font-weight: normal;
	}		

		
#infoviewin3a{
	height: auto;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 10px;
	text-align: center;
	top: auto;
	}	
	
	
	

	
	
	
	#mainright{
	width: 50%;
	height: auto;
	position: relative;
	float: right;
	text-align: right;
	margin-right: 5%;
	margin-left: auto;
	
}


#mainmenuleft{
	width: 100%;
	height: 80px;
	position: fixed;
	display: block;
	color: #FFF;
	z-index: 2000;
	background-color: rgba(0,0,0,0.8);
	
	}










/*VIDEOYFOTO*/	
	
	
	#fotovidtopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 60px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}	
	#fotovidinleft{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 60px;
	text-shadow: #000 1px 1px 20px;
		}	



	
	#fotoyvideotop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#fotoyvideotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#fotoyvideo{
	position: relative;
	width: 100%;
	height: 770px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #336;
	background-image: url(../img/fotoyvideobg.jpg);
		}
	
	#fotoyvideoin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#fotoyvideoinleft{
	width: 45%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: right;
		}	
	#fotoyvideoinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFF;
	color: #FFF;
	padding-left: 30px;
	font-family: "Raleway Regular";
	font-size: 14px;
		}	
		
/*VIDEOYFOTO END	*/








/*freightstorage*/
		
#freightstorage{
	position: relative;
	width: 100%;
	height: 1000px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F4F4F4;
		}			

#freightstorageinfoinleft{
	width: 100%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
		}	
		
	#freightstorageinfoinright{
	width: 95%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #646871;
	text-shadow: #fff 1px 1px 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 10px;
		}	

/*freightstorage END*/




/*DISEÑO GRAFICO*/
	
	#disenotop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#disenotopin{
	width: 100%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 15px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 70px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	z-index: 10000;

		}	
	
	
	
	
	#diseno:hover{
	position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #336;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}	
	
	
	
	#diseno{
	position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #000;
	background-image: url(../imgs/slider.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	
	
		
	#diseno0{
	position: relative;
	width: 100%;
	height: 750px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #000;
	background-image: url(../imgs/slider.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	
	
	#disenoin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#disenoinleft{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 70px;
	text-shadow: #000 1px 1px 20px;
		}	
	#disenoinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
		
		#contactotitle{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 30px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 30px;
	text-shadow: #fff 1px 1px 20px;
	display: block;
		}	
		
		
	#about{
	position: relative;
	width: 100%;
	height: 900px;
	background-color: #C30;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}
		
		
#mexbrosfruitsin{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}	
		
		
	#resort{
	position: relative;
	width: 100%;
	height: 1400px;
	background-color: #000;
	background-attachment: fixed;
	background-image: url(../img/real03g.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}		
		
		#mexbrostransport{
	position: relative;
	width: 100%;
	height: 1400px;
	background-color: #000;
	background-attachment: fixed;
	background-image: url(../img/frutasbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}		
		
	#disenoinfoinleft2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 17px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}	
		
	#disenoinfoinright2{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image: url(../imgs/movil2.jpg);
		}	
		#asesoriadeudoresimg{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image: url(../imgs/asesoria-para-deudores-buro-de-credito-vizonty.jpg);
		}		

	#verificacionesimg{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image: url(../imgs/verificacion-vizonty.jpg);
		}		


	#asesoriaparadeudoresinleft2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 17px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}	
		
	#asesoriaparadeudoresinright2{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image: url(../imgs/asesoria-para-deudores-buro-de-credito-vizonty.jpg);
		}


	#verificaciones{
	position: relative;
	width: 100%;
	height: 900px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
		}	

	#verificacionesinleft2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 17px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}	
		
	#verificacionesinright2{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image:url(../imgs/asesoria-para-deudores-buro-de-credito-vizonty.jpg);
		}







	#disenoinfoinright03{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
	display: block;
	background-image: url(../imgs/movil4.jpg);
		}			
		
		
		
		
	#resorthhbm{
	position: relative;
	width: 100%;
	height: 900px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
		}	
		

	#asesoriaparadeudores{
	position: relative;
	width: 100%;
	height: 900px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
		}	
		
		
		

/*DESARROLLOWEB IN*/	
	#desarrollos{
	position: relative;
	width: 100%;
	height: 2100px;
	background-color: #333;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/websitesbg2.jpg);
		}
	
	#desarrollosin{
	width: 99%;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}
/*DESARROLLOWEB IN END*/	
	
		

#web03{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 6s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/puertosalinaweb.jpg);
	
	 
		}	
		
	#web03:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			
		
		
		
		
		
		



#web04{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/kumanoweb.jpg);
	
	 
		}	
		
	#web04:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			



		
		
		






#web05{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/uqcweb.jpg);
	
	 
		}	
		
	#web05:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}		

		
		
		
		
		
		
		


#web06{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/kaleweb.jpg);
	
	 
		}	
		
	#web06:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}			
		
		
		






#web07{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/beautydentalweb.jpg);
	
	 
		}	
		
	#web07:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	



	

#web08{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-position: top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/web/urbandesignweb.jpg);
	
	 
		}	
		
	#web08:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: bottom;
	background-color: #CCC;
	margin-top: 2%;
		}		



/*WEBSITES*/	
	
	#websitestop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	#websitestopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}	
	
	
	
	#websites{
	position: relative;
	width: 100%;
	height: 800px;
	background: url(../img/websitesbg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: #336;
		}
	
	#websitesin{
	width: 90%;
	position: relative;
	height: 750px;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#websitesinleft{
	width: 50%;
	float: left;
	position: relative;
	height: 70%;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
	#websitesinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 70%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
		
		
#webdevinfo{
	position: relative;
	width: 100%;
	height: 330px;
	background-color: #FFFFFF;
		}		
	#webdevinfointop{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 22px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 20px;
	line-height: 30px;
		}
		
		

#desarrollostop{
	position: relative;
	width: 100%;
	height: 150px;
	background: rgba(0,0,0,0.7);
		}
	
	#desarrollostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
	text-shadow:#000 1px 1px 20px;
		}
		
#desarrollostop2{
	position: relative;
	width: 100%;
	box-shadow: #000 1px 2px 20px;
	height: 200px;
	background-color: rgba(219,219,219,0.8);
		}
	
	#desarrollostopin2{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 23px;
	color: #666;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top: 30px;
	font-weight: lighter;
	line-height: 30px;
		}			
		
				
							
		
/*WEBSITES END	*/









/*WEBDIV*/	
	
	#webtop{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	
	
	#web{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/websitesbg3.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
		
		#web2{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/websitesbg3.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}	
		
	
	#webtopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 3em;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}
		
#webinleft{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: lighter;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}			
			
	
	
	#webin{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	
	#webinright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
/*WEB END	*/




/*360DIV*/	
	
	#360top{
	position: relative;
	width: 100%;
	color:#FFF;
	height: 90px;
	background: #FFF;
		}
	
	
	
	#360{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/websitesbg3.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	
	#360topin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 5em;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}
		
#360inleft{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: lighter;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}			
			
	
	
	#360in{
	width: 90%;
	position: relative;
	height: 88%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	
	#360inright{
	width: 35%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
		}	
		
/*360 END	*/



/*EQUIPO MOBILE*/
	#colu01{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/gh4bg.jpg);
		}	
		
	#colu01:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	
		
		
		
	#colu0in{
	width: 90%;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	#hover-content {
    visibility:hidden;
	height:70px;
}
#colu01:hover #hover-content {
  visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}
	

#colu0intop{
	width: 100%;
	height: 40px;
	color:#FFF;
	font-size:20px;
	font-family:"Raleway Regular";
	background: rgba(0,0,0,0.5);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	
/*COLU02*/		
	#colu02{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-image: url(../img/gh3bg.jpg);
		}	
		
	#colu02:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	margin-top: 2%;
	background-position: left center;
	
		}	

#colu02:hover #hover-content02 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content02 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU02 END*/	






/*COLU03*/		
	#colu03{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/equipo/redcambg.jpg);
	
	 
		}	
		
	#colu03:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu03:hover #hover-content03 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content03 {
	visibility: hidden;
	height: 80px;
}

/*COLU03 END*/






/*COLU04*/		
	#colu04{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: left center;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/osmobg.jpg);
		}	
		
	#colu04:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right center;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu04:hover #hover-content04 {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;

}

#hover-content04 {
    visibility:hidden;
	height:70px;}		
		
/*COLU4 END*/		
	
	
	
	
	
	
	
	
	
	
	
	
	
/*COLU05*/		
	#colu05{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: left center;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/roninbg.jpg);
		}	
		
	#colu05:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right center;
	background-color: #CCC;
	margin-top: 2%;
		}	
#colu05:hover #hover-content05 {
	visibility: visible;
	padding-top: 5px;
	position:relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;

}

#hover-content05 {
    visibility:hidden;
	height:70px;}		
		
/*COLU5 END*/			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*COLU06*/		
	#colu06{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/iris360bg.jpg);
		}	
		
	#colu06:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu06:hover #hover-content06 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content06 {
    visibility:hidden;
	height:70px;}		
		
/*COLU6 END*/	
	
	
	
	
	
	
	



	/*COLU07*/		
	#colu07{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/estudiobg.jpg);
		}	
		
	#colu07:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu07:hover #hover-content07 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content07 {
    visibility:hidden;
	height:70px;}		
		
/*COLU7 END*/	
	
		
	
	
	


	/*COLU08*/		
	#colu08{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	background-position: right top;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
	background-image: url(../img/equipo/canonbg.jpg);
		}	
		
	#colu08:hover{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: left top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu08:hover #hover-content08 {
	visibility: visible;
	padding-top: 5px;
	position: relative;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	text-shadow: #000 1px 2px 10px;
	height: 70px;

}

#hover-content08 {
    visibility:hidden;
	height:100px;}		
		
/*COLU7 END*/	
		
	
	
	
	/*DISENO GRAFICO BTNS*/
	/*COLU0003*/		
	#colu0003{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/administracion.jpg);
	
	 
		}	
		
	#colu0003:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right top;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu0003:hover #hover-content0003 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content0003 {
	visibility: hidden;
	height: 80px;
}

/*COLU0003 END*/




/*COLU0008*/		
	#colu0008{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/apertura_nueva_empresa_crens.jpg);
	
	 
		}	
		
	#colu0008:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu0008:hover #hover-content0008 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content0008 {
	visibility: visible;
	height: 96%;
	font-family: "Raleway Regular";
	color: #FFF;
}

/*COLU008 END*/








/*COLU00015*/		
	#colu00015{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/contabilidad_crens_tijuana.jpg);
	
	 
		}	
		
	#colu00015:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu00015:hover #hover-content00015 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content00015 {
	visibility: hidden;
	height: 80px;
}

/*COLU0015 END*/










/*COLU00013*/		
	#colu00013{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/auditorias_crens.png);
	
	 
		}	
		
	#colu00013:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu00013:hover #hover-content00013 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content00013 {
	visibility: hidden;
	height: 80px;
}

/*COLU0013 END*/










/*COLU00011*/		
	#colu00011{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/comercio_exterior_crens.jpg);
		}	
		
	#colu00011:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu00011:hover #hover-content00011 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content00011 {
	visibility: hidden;
	height: 80px;
}

/*COLU0011 END*/









/*COLU00012*/		
	#colu00012{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../imgs/certificacion_immex_crens.jpg);
		}	
		
	#colu00012:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 2%;
		}	

#colu00012:hover #hover-content00012 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content00012 {
	visibility: hidden;
	height: 80px;
}

/*COLU0012 END*/






/*COLU02*/		
	#colu0002{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: cover;
	margin-top: 2%;
	background-position: left bottom;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-image: url(../imgs/liderazgo.jpg);
		}	
		
	#colu0002:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	margin-top: 2%;
	background-position: right bottom;
	
		}	

#colu0002:hover #hover-content0002 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content0002 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0002 END*/	







/*COLU02*/		
	#colu0009{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;

	background-image: ;
	background-image: url(../imgs/reclutamiento-externo.png);
		}	
		
	#colu0009:hover{
	box-shadow: #000 1px 1px 5px;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-color: #CCC;
	margin-top: 2%;
	background-position: left center;
	
		}	

#colu0002:hover #hover-content0009 {
    visibility:visible;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}

#hover-content0009 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0009 END*/	




/*EQUIPO MOBILE END*/






	

/*SERVICIOS MOBILE*/	

#serviciostop{
	position: relative;
	width: 100%;
	box-shadow: #000 1px 2px 20px;
	height: 100px;
	background: #FFF;
		}
	
	#serviciostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	

	
	#servicios{
	position: relative;
	width: 100%;
	height: 2800px;
	background-color: #FFF;
		}
	
	#serviciosin{
	width: 100%;
	height: 1800px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}
		
		
		
		
		
		#services{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF;
		}
		
		#serviciosdesignin{
	width: 99%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}	
		
/*SERVICIOS MOBILE END*/		












/*DRONES DOWN*/

	
	#dronesinfotop{
	position: relative;
	width: 100%;
	height: 90px;
	background: #FFF;
	box-shadow:#000 1px 2px 50px;
		}
	
	#dronesinfotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	top: 20px;
		}	
	
	
	
	#dronesinfo{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #000;
	background-attachment: scroll;
	background-image: url(../img/equipo/eqinfo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}
	
	#adronesinfoin{
	width: 90%;
	position: relative;
	height: 80%;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
		}	
		
	#dronesinfoinleft{
	width: auto;
	float: left;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #FFF;
	margin-right: 10%;
	margin-left: 10%;
	text-align: center;
		}	
	#dronesinfoinright{
	width: 30%;
	float: left;
	position: relative;
	margin: 3%;
	height: 80%;
	font-family: "Raleway Regular";
		}	

/*DRONES DOWN END*/












/*PROYECTOS MOBILE*/



	#proyectos:hover{
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #336;
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}	
	
	
	
	#proyectos{
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/proyectosbg001.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	
	#proyectostopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 3em;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

		}
		
#proyectosinleft{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: lighter;
	top: 100px;
	text-shadow: #000 1px 1px 20px;
		}	



#proyectosinfo{
	position: relative;
	width: 100%;
	background-color: #333333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 340px;
	font-family: "Raleway Regular";
		}
		
#proyectosinfo2{
	position: relative;
	width: 100%;
	background-color: #333333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 830px;
	font-family: "Raleway Regular";
		}			
		
				
#proyectosleft{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;

		}			
#proyectosright{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	background-image: url(../img/videofilmbg.jpg);
	text-align: center;
		}				
		
#proyectosleft2{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/sukarneimg.JPG);
		}			
#proyectosright2{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}						
		
#proyectosleft3{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright3{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/newcityimg.JPG);
		}	
		

#proyectosleft4{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/uqcimg.jpg);
		}			
#proyectosright4{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}						
		


		
#proyectosleft5{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright5{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/vergelimg.JPG);
		}	




#proyectosleft6{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
	background-image: url(../img/puertosalinaimg.JPG);
		}			
#proyectosright6{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
		}	



#proyectosleft7{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #241E28;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 16px;
		}			
#proyectosright7{
	position: relative;
	width: 50%;
	height: 340px;
	background-color: #333;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	text-align: center;
	background-image: url(../img/beautydentalimg.jpg);
		}	


									
		
#proyectosinner{
	position: relative;
	width: 90%;
	height: auto;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 13px;
	margin-right: auto;
	margin-left: auto;
	top: 10px;
	text-align: center;
		}			
		
	#proyectosinfointop{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 20px;
	display: block;
	line-height: 40px;
		}			
		
#proyectosinfoinbox{
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 16px;
	color: #FFF;
	text-align: center;
	display: block;
	line-height: 20px;
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-shadow: #000 1px 1px 20px;
	padding-top: 10px;
		}					
		
		
/*PROYECTOS MOBILE END*/


	
	
	
	
		

	
/*SMARTPHONE*/

	#services{
	position: relative;
	width: 100%;
	height: 1600px;
	background-color: #FFF;
		}
		
	#serviciosdesignin{
	width: 99%;
	height: 1230px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}	

#btnminimalista{
	height: 60px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 18px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	

#btnminimalista:hover{
	height: 65px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 20px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	
	
	
	#btnminimalistagrey:hover{
	height: 65px;
	background-color: #0093D0;
	border: solid medium #666;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}		
	
	
#btnminimalistagrey{
	height: 60px;
	background-color: #333333;
	border: none;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}	
		
		

		
#posicionamiento{
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #C00;
	background-image: url(../img/red-abstract.jpg);
	background-position: left top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	
		}	
		
#posicionamientoinfointop2{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 19px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 20px;
	text-shadow: #000 1px 1px 20px;
		}	

  	
	
	
	
	
	
/*CONTACTO MOBILE*/	
#contactotop{
	position: relative;
	width: 100%;
	height: 150px;
		}
	
	#contactotopin{
	width: 90%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 36px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	top: 30px;
		}	

	
	
	#contacto{
	position: relative;
	width: 100%;
	height: 1500px;
	background-attachment: fixed;
	background-position: right center;
	background-color: #CC3333;
		}
	
	#contactoin{
	width: 99%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}	
		
			#colu001{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-size: auto;
	margin-top: 2%;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 10s ease-in;
	-o-transition: background-position 10s ease-in;
	transition: background-position 5s ease-in;
	color: #FFF;
	text-align: center;
	font-family: "Raleway Regular";
	background: rgba(51,51,51,0.7);
	font-size: 20px;
	top: 10px;
		}	

		
	
	
	



	
/*COLU02*/		
	#colu002{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-size: auto;
	margin-top: 2%;
	background-position: right;
	-webkit-transition: background-position 6s ease-in;
	-moz-transition: background-position 6s ease-in;
	-o-transition: background-position 6s ease-in;
	transition: background-position 6s ease-in;
		}	
/*COLU02 END*/	






/*COLU03*/		
	#colu003{
	box-shadow: #000 1px 1px 5px;
	width: 23%;
	height: 300px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-size: auto;
	margin-top: 2%;
	background-position: center center;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	
	 
		}	
		


/*COLU03 END*/






/*COLU04*/		
	#colu004{
	box-shadow: #000 1px 1px 5px;
	width: 90%;
	height: 510px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-size: auto;
	margin-top: 2%;
	border-radius: 20px;
	background-position: bottom;
	-webkit-transition: background-position 5s ease-in;
	-moz-transition: background-position 5s ease-in;
	-o-transition: background-position 5s ease-in;
	transition: background-position 5s ease-in;
		}	
/*COLU4 END*/
		
/*CONTACTO MOBILE END	*/		
	
	



	    .search-form input {
        width:120px;
    }	
	
/*MENU TABLET*/	
    .menu {
        position:relative;
        display:inline-block;
		top:10px;
    }
 
    .menu ul.active {
        display:none;
    }
 
    .menu ul {
	width: 310px;
	position: absolute;
	top: 120%;
	left: -300px;
	padding: 10px 18px;
	border-radius: 3px;
	background: #333;
    }
 
    .menu ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        right:22px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #303030;
    }
 
    .menu li {
        margin:5px 0px 5px 0px;
        float:none;
		font-family:"Raleway Regular";
		text-align:center;
        display:block;
		color:#ccc;
		height:60px;
    }
 
    .menu a {
	display: block;
	color: #CCC;
    }
 
    .toggle-nav {
	padding: 15px;
	float: left;
	width: 20px;
	display: inline-block;
	border-radius: 3px;
	background: #303030;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	color: #CCC;
	font-size: 20px;
	transition: color linear 0.15s;
    }
 
    .toggle-nav:hover, .toggle-nav.active {
	text-decoration: none;
	color: #CC3300;
	padding:15px;
    }
 
    .search-form {
        margin:12px 0px 0px 20px;
        float:left;
    }
 
    .search-form input {
        box-shadow:-1px 1px 2px rgba(0,0,0,0.1);
    }
/*MENU TABLET END*/
	
	
}
/*SMARTPHONES END*/











/*TABLETS*/
/* -----RESPONSIVO-----    */

@media only screen and (min-width:800px) and (max-width: 1750px){
	
	#h1clase2{
	font-size: 40px;
	color: #03738f;
	text-transform: uppercase;
	font-family: "Oswald Bold";
}
	
	#titlescript20{
	font-family: "Raleway Regular";
	font-size: 20px;
	}
	
		#web2{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #000;
	background-image: url(../img/websitesbg3.jpg);
	background-repeat: no-repeat;
	-webkit-transition: background-position 2s ease-in;
	-moz-transition: background-position 2s ease-in;
	-o-transition: background-position 2s ease-in;
	transition: background-position 2s ease-in;
		}
	#mainlogo{
	width: 15%;
	height: 68px;
	margin-left: 15px;
	position: relative;
	float: left;
	text-align: right;
}

	#topinhome{
	width: 35%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 20px;
	color: #FFF;
	margin-right: auto;
	margin-left: 3%;
	top: 150px;
	text-shadow: inherit;
	z-index: 1000;
	float: left;
	font-weight: 900;

		}	


	#topinasesoria{
	width: 75%;
	position: relative;
	height: auto;
	font-family: "Oswald Bold";
	font-size: 80px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 150px;
	text-shadow: inherit;
	z-index: 1000;
	float: none;
	font-weight: 900;

		}	



	#hometopright{
	height: 40px;
	width: 70%;
	background-size: cover;
	position: relative;
	font-family: "Lato Thin";
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #CCCCCC;
	float: left;
	text-align: center;
	top: 10px;
	}	

#hometopleft{
	height: 40px;
	width: 20%;
	position: relative;
	font-family: "Lato Thin";
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #FFF;
	float: left;
	text-align: center;
	top: 10px;
	}	

	
	

	
	#mainright{
	width: 83%;
	height: 70px;
	position: relative;
	float: left;
	margin-left: auto;
	margin-right: auto;
	
}


	
	
	#mainmenuleft2{
	width: 100%;
	height: 70px;
	font-family: "Raleway Regular";
	position: absolute;
	size: 70px;
	color: #FFF;
	text-align: center;
	top: 11%;
	font-size: 60px;
	font-stretch: ultra-condensed;
	font-weight: bolder;
	letter-spacing: -5px;
	text-shadow: #000 2px 1px 20px;
	line-height: 45px;
	}	
	
	.btn_main{
	width: 150px;
	font-family: "Raleway Regular";
	color: #FFF;
	background: #C90;
	border-radius: 40px;
	box-shadow: #000 1px 1px 20px;
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
		}
	
	
	
	

	
			
	
	
	
	
	
	
	/*BANNER2*/	
	
	#banner2{
		position:relative;
		width:100%;
		height:auto;
		background:#FFF;
		}
	
	#banner2in{
	width: 90%;
	height: 90%;
	margin-left: auto;
	margin-right: auto;
	top: 20px;
		}	
	#colu1{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 250px;
	margin-left: 0%;
	margin-right: 2%;
	float: left;
	background: url(../img/bgcolu1.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: bottom;
	-webkit-transition: background-position 0.2s ease-in;
	-moz-transition: background-position 1s ease-in;
	-o-transition: background-position 1s ease-in;
	transition: background-position 1s ease-in;
		}	
		
	#colu1:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 250px;
	margin-left: 0%;
	margin-right: 2%;
	float: left;
	background-position: top;
	background: url(../img/bgcolu1.jpg);
	background-color: #CCC;
	margin-top: 2%;
		}	
		
	#coluin{
	width: 90%;
	height: 110px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	#hover-content {
    display:none;
}
#colu1:hover #hover-content {
    display:block;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}
	

#coluintop{
	width: 100%;
	height: 40px;
	color:#FFF;
	font-size:20px;
	font-family:"Raleway Regular";
	background: rgba(0,0,0,0.5);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
#colu2{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: 0%;
	margin-right: 2%;
	float: left;
	background: url(../img/videofilmbg.jpg);
	background-color: #CCC;
	background-size: auto;
	margin-top: 2%;
	background-position: right;
	-webkit-transition: background-position 8s ease-in;
	-moz-transition: background-position 8s ease-in;
	-o-transition: background-position 8s ease-in;
	transition: background-position 8s ease-in;
		}		
	
	
	#colu2:hover{
	box-shadow: #000 1px 1px 5px;
	width: 100%;
	height: 300px;
	margin-left: 0%;
	margin-right: 2%;
	float: left;
	background-position: top;
	background: url(../img/videofilmbg.jpg);
	background-color: #CCC;
	margin-top: 2%;
	}
	
	#colu2:hover #hover-content2 {
    display:block;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
	font-family:"Raleway Regular";
	font-size:13px;
	text-shadow:#000 1px 1px 10px;
}
	
		
/*BANNER2 END	*/
	
	
	
	
	
	
	
	
	


#btnminimalista{
	height: 60px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	

	
#btnminimalista:hover{
	height: 65px;
	background-color: transparent;
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	
#btnminimalistagrey:hover{
	height: 65px;
	background-color: #0093D0;
	border: solid medium #666;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}		
	
#btnminimalistagrey{
	height: 60px;
	background-color: #181C28;
	border: none;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}		
	

		
#posicionamiento{
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #C00;
	background-image: url(../img/red-abstract.jpg);
	background-position: left top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
		}	
		
#posicionamientoinfointop2{
	width: 80%;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 60px;
	text-shadow: #000 1px 1px 20px;
		}	

	
	
	 .wrap {
        width:90%;
    }
	    .search-form input {
        width:120px;
    }	
	
/*MENU TABLET AND MINIPC*/	
 
 .toggle-nav {
    display:none;
}
 
 
     .menu {
	width: 100%;
	padding: 10px 18px;
	border-radius: 3px;
	text-decoration: none;
	font-family: "Oswald Bold";
	color: #333;
    }

 
.menu ul {
    display:inline-block;
	 text-decoration:none;
}
 
.menu li {
	margin: 0px 30px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	font-family: "Oswald Bold";
	
}
 
.menu li:last-child {
 
}
 
.menu a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	transition: color linear 0.15s;
	font-family: "Raleway Regular";
}
 
.menu a:hover, .menu .current-item a {
	text-decoration: blink;
	color: #0093D0;
	font-size: 22px;
}
 
/*----- Search -----*/
.search-form {
    float:right;
    display:inline-block;
}
 
.search-form input {
    width:200px;
    height:30px;
    padding:0px 8px;
    float:left;
    border-radius:2px 0px 0px 2px;
    font-size:13px;
}
 
.search-form button {
    height:30px;
    padding:0px 7px;
    float:right;
    border-radius:0px 2px 2px 0px;
    background:#66a992;
    font-size:13px;
    font-weight:600;
    text-shadow:0px 1px 0px rgba(0,0,0,0.3);
    color:#fff;
}
/*MENU TABLET AND MINIPC END*/








/*AMENITIES TABLET AND MINIPC*/




 #amenitiesin2{
	width: 98%;
	height: auto;
	text-align: center;
	margin-left: 5%;
	margin-right: auto;
	top: 35px;
	float: none;
}	
	




/*POOL AMENITIE TABLET AND MINIPC END*/	
	#ame0003{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 300px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/pool.jpg);
	
	 
		}	
		
	#ame0003:hover{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 200px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0003:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: visible;
	height: 80px;
}
/*POOL AMENITIE TABLET AND MINIPC END*/



/*RESTAURANT AMENITIE TABLET AND MINIPC*/		
	#ame0008{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	border-radius: 200px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/restaurant.jpg);
	
	 
		}	
		
	#ame0008:hover{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0008:hover #hover-content0008 {
	visibility: visible;
	padding-top: 20px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 150px;
}

#hover-content0008 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	text-align: center;;
}

/*RESTAURANT AMENITIE TABLET AND MINIPC END*/



/*BAR AMENITIE TABLET*/		
	#ame0002{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	border-radius: 200px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 3s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/bar.jpg);
	
	 
		
		}	
		
	#ame0002:hover{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
	
		}	

#ame0002:hover #hover-content0002 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
}

#hover-content0002 {
	visibility: hidden;
	height: 80px;
}
	
/*BAR AMENITIE TABLET AND MINIPC END*/	



/*SPORTS AMENITIE TABLET AND MINIPC*/		
	#ame0005{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height:200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 200px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/tenis.jpg);
	
	 
		}	
		
	#ame0005:hover{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 200px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame0005:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: visible;
	height: 80px;
}

/*SPORTS AMENITIE TABLET AND MINIPC END*/	





/*SPA AMENITIE TABLET AND MINIPC*/		
	#ame00061{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 200px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 1.2s ease-in-out;
	-webkit-transition: background-position 3s ease-in;
	-moz-transition: background-position 3s ease-in;
	-o-transition: background-position 3s ease-in;
	transition: background-position 3s ease-in;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	background-image: url(../img/swedishmassage.jpg);
	
	 
		}	
		
	#ame00061:hover{
	box-shadow: #000 1px 1px 5px;
	width: 200px;
	height: 200px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 200px;
	float: left;
	background-position: right top;
	background-color: #CCC;
	margin-top: 3%;
		}	

#ame00061:hover #hover-content0003 {
	visibility: visible;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	font-size: 28px;
	text-shadow: #000 1px 1px 10px;
	background: rgba(0,0,0,0.5);
	height: 220px;
}

#hover-content0003 {
	visibility: visible;
	height: 80px;
}

/*SPA AMENITIE TABLET AND MINIPC END*/


	#amenitiesinner{
	position: relative;
	width: 100%;
	height: 400px;
	background-color: #FFF;
	background-repeat: repeat;
		}


/*AMENITIES TABLET AND MINIPC END*/










	


	
	}
/*TABLETS END*/


/* -----RESPONSIVE END-----    */
/* -----NORESPONSIVE CONTACT FORM-----    */

#form{
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	width: 85%;
	float: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	color: #FFF;
	font-family: "Raleway Regular";

}
h3{
    text-align:center;
    font-size:20px;
}

input{
	width: 100%;
	height: 35px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 20px;
	margin-top: 5px;
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 5px;
	font-family: "Raleway Regular";
}	

input[type=button]{
	background-color: #666666;
	height: 50px;
	font-family: "Raleway Regular";
	font-Weight: bold;
	font-size: 18px;
	color: #ffffff;
	width: 250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea{
	width: 100%;
	height: 60px;
	margin-top: 5px;
	border-radius: 3px;
	padding: 5px;
	color: #333333;
	font-size: 16px;
	resize: none;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 20px;
	font-family: "Raleway Regular";
}

span{
    color:red
}


#note{
color:white;
font-Weight:400;
}

#returnmessage{
    font-size:14px;
    color:green;
    text-align:center;
}

/* -----NORESPONSIVE  CONTACT FORM END-----    */