@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_Italic/stylesheet.css");
@import url("../../../wigou.mx/webfonts/Trajan_Pro_Regular/stylesheet.css");
@import url("../../../webfonts/Oswald_Bold/stylesheet.css");


.circular{width:85%}
.circular2{width:70%}
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 2em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}










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


.analisisimg{
	width: 60%;
}	
.analisiscirculo{
	width: 60%;
}	

#productos{
	height: 800px;
	}

#imgservicios{width: 22%;}


#incluye{
	line-height: 23px;
	letter-spacing: normal;
	text-align: center;
	margin-right: 28%;
	margin-left: 28%;
	margin-top: 20px;
	font-size: 18px;
	}


#promociones{
	width: 100%;
	height: 700px;
	position: relative;
	background-color: #FFFFFF;
	z-index: 600;
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	text-shadow: none;
	}	
	
#promocionestitulo{
	width: 100%;
	height: 100px;
	position: relative;
	z-index: 600;
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: auto;
	top: 20px;
	font-family: "Lato Thin";
	color: #FFF;
	font-size: 45px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	float: none;
	}		
	
	#vacunacovid{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/2024-mayo-laboratorio-klein-tijuana-analisis-general-1-blue.jpg);
		}	

	#imos{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/IMOS-2.jpg);
		}	

	#imosright{
	width: 50%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-right: 10%;
	border-radius: 30px;
	background: rgba(0,0,0,0);
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 1px;
	line-height: 20px;
	letter-spacing: 0px;
		}

	
	#vacunacovidleft{
	width: 30%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-right: auto;
	margin-left: 5%;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 40px;
		}
	#vacunacovidright{
	width: 50%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-right: 10%;
	border-radius: 30px;
	background: rgba(0,0,0,0);
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 20px;
	letter-spacing: 0px;
		}





	.swapleft{
	width: 45%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-right: auto;
	margin-left: 5%;
	text-align: center;
	top: 20px;
	text-shadow: none;
	line-height: 40px;
		}
	.swapright{
	width: 45%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-right: 5%;
	border-radius: 30px;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 40px;
	letter-spacing: -2px;
		}
		

	.swapright2{
	width: 45%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-right: 5%;
	border-radius: 30px;
	margin-left: auto;
	text-align: center;
	text-shadow:#000 1px 1px
	top: 20px;
	text-shadow: none;
	line-height: 40px;
	letter-spacing: 0px;
	padding-top: 100px;
		}
    #sugerencias{
	width: 100%;
	height: 1000px;
	background-color: #0CC;
		}
		
	#sugerenciasin{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
		}
	.sugerenciastitulo{
	font-size: 30px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
		}	
		
	.swapradius{
	width: 50%;
	float: none;
	position: relative;
	height: 65px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	margin-left: auto;
	text-align: center;
	top: 10px;
	text-shadow: none;
	line-height: 20px;
	letter-spacing: 0px;
	background-color: rgba(0,204,153,1);
	padding-top: 10px;
		}





	#calidad{
	position: relative;
	width: 100%;
	height: 850px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-image: url(../img/calidad-y-reconocimiento-diploma-pacal-laboratorio-klein-tijuana.jpg);
	}



	#calidadright{
	width: 50%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 5px;
	color: #FFF;
		}	







				
	#compromisoklein{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-image: url(../img/nuestro-compromiso-analisis-clinicos-tijuana-laboratorio-klein.jpg);
		}			
		







		#resortin{
	width: 35%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	margin-right: auto;
	margin-left: 15%;
	text-align: justify;
	top: 100px;
	text-shadow: none;
	line-height: 20px;
		}	
		

#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: #1eb7ab;
	text-shadow: #000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 20px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#btndownload{
	height: 70px;
	background-color: #7CC5D8;
	text-shadow: #000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 20px;
	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: #1eb7ab;
	/*	border: solid medium #FFF;*/
	text-shadow: #000 1px 2px 10px;
	border-radius: 10px;
	font-size: 21px;
	color: #ccc;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}



#mas-servicios{
	width:15%}




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


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

#titlescriptamenities{
	font-family: "Lato Thin";
	font-size: 30px;
	}	
	
#titlescript2{
	font-family: "Lato Thin";
	font-size: 50px;
	}
#titlescript02{
	font-family:RAGE;
	font-size:30px;
	}	
	
#titlescript3{
	font-family: "Lato Thin";
	font-size: 20px;
	font-weight: bolder;
	color: #E9E9E9;
	text-decoration: none;
	}

	/*COLU000 blackfade*/		
	#coluuu{
	width: 100%;
	height: 100%;
	float: none;
	/*	background:rgba(0,0,0,0.5);*/
	background: url();
	background-size: cover;
	border-color: transparent;
	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;
	text-align: center;
	left: 2px;
	top: 3px;
	
	 
		}

	#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: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;
	
transition: background-image 1s ease-out;
	
	 -webkit-transition: -webkit-transform 0.2s ease-in, opacity 0.2s 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;
	
	
	
-webkit-transform: rotate(360deg);
  opacity: 0.7;

		}











h1{
	color: #1B5678
}

.h1clasenosotros{
	font-size: 70px;
	line-height: 40px;
	color: #00846d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -5px;
	font-weight: bolder;
}

.h1clasepromociones{
	font-size: 30px;
	line-height: 25px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-weight: bolder;
}
.sucursalesfont{
	font-size: 60px;
	line-height: 50px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	font-weight: bolder;
}
.h1clasemesverde{
	font-size: 30px;
	line-height: 20px;
	color: #0F6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bolder;
}	
	

.h1claselabgris{
	font-size: 30px;
	line-height: 20px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bolder;
}	
	


.h1clasegreen{
	font-size: 150px;
	line-height: 120px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.h1clasegreen2{
	font-size: 70px;
	line-height: 70px;
	color: #048285;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
		
.h1clase{
	font-size: 60px;
	line-height: 50px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -5px;
	font-weight: bolder;
}
	
	.h1clasee{
	font-size: 70px;
	line-height: 90px;
	color: rgb(0,132,109);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
	.h1clasep{
 font-size:80px;
	}
	
	.h1clase009{
	font-size: 55px;
	color: #fff
}

	.h1clase008{
	font-size: 12px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.tituloanalisis{
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #fff;
	font-weight:bolder;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#h1clase2{
	font-size: 60px;
	color: #1B5678;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}



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

/* CSS Document */

html{
	padding:0;
	margin:0;
	}
	
	







	
	#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: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;
	}
	
	

	
	

	

	

#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*/






/*Galeria FOTO 360 3*/

	

	
	


	

#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: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: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: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: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: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: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: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: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: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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #666;
	float: none;
	background-color: rgba(255,255,255,1);
	z-index: 1000;
	text-align: center;
	}	
	
	#hometopleft{
	height: 40px;
	width: 40%;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #666;
	float: right;
	text-align: center;
	top: 10px;
	}	
	
#mainbanner{
	height: auto;
	width: 100%;
	background-size: cover;
	position: relative;
	z-index: 1000;
	background-color: rgba(255,255,255,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*/










#cubrebocas{
	height: 900px;
	z-index: 1000;
	}



#prom{
	height: 800px;
	z-index: 1000;
	}









/*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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	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: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
 
.menu li:last-child {
 
}
 
.menu a {
	text-shadow: 2px 2px 3px rgba(255,255,255,0.8);
	color: #116639;
	text-decoration: none;
	font-weight: bold;
	transition: color linear 0.15s;
}
 
.menu a:hover, .menu .current-item a {
	text-decoration: blink;
	color: #276B9A;
	font-size: 16px;
}
 
/*----- 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: #FFFFFF;
	
	}
	

.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;
	border-radius: 40px;
	height: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 24px;
	background-color: #0C9;
		}
	
	
	
	
/*CONTACT FORM MODAL*/
#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline {
	
	width: 600px;
}

label {
	margin-right: 12px;
	margin-bottom: 9px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	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;
		}	
	
	
	
	#aboutmynewbody{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #FFF;
	background-size: cover;
	background-image: url(../imgs/surgery-my-new-body.jpg);
	background-attachment: fixed;
		}
	
	#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	*/		
			
			
	#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-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%;

		}	

#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-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-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-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: 80%;
	position: relative;
	height: 650px;
	font-family: "Raleway Regular";
	font-size: 50px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	top: 100px;
	z-index: 1000;
	float: none;
	line-height: 50px;

		}	
			#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);
		}	
	
	
	
	
	#diseno{
	position: relative;
	width: 100%;
	height: 800px;
	background-size: cover;
	background-color: transparent;
	background-attachment: fixed;
	background-position: center bottom;
    background:url(../imgs/blue1.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;
		}
	
		
	#diseno2{
	position: relative;
	width: 100%;
	height: 800px;
	background-size: cover;
	background-color: transparent;
	background-attachment: fixed;
	background-position: center bottom;
url(../img/bgmain.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: 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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 50px;
	text-shadow: #000 1px 1px 30px;
	display: block;
	transition-delay: 0.5seg;
	transition: ease-in;
	transition-duration: 0.5s;
	font-weight: normal;
		}	
		
		
		
		
	#footerbox{
	width: 32%;
	float: left;
	position: relative;
	height: 450px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	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;
		}			
		
		
			#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;
		}	
		
		
		
		
	#aboutmynewbody{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #3E81CF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
	background-image: url(../imgs/surgery-my-new-body.jpg);
		}
		
			#contactus{
	position: relative;
	width: 100%;
	height: 680px;
	background-color: #009966;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
	background-image: url(../img/contacto-laboratorio-klein-analisis-clinicos-bacteriologicos-microbiologicos-en-tijuana.jpg);
		}
		

		#resortin2{
	width: 45%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #333;
	margin-right: auto;
	margin-left: 5%;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 40px;
		}			
		
		#hotelsin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFF;
	margin-left: auto;
	text-align: center;
	top: 80px;
	line-height: 30px;
	margin-right: auto;
		}	
				
			
			#promoin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 32px;
	color: #C93;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	line-height: 30px;
		}	
		
		#promobox{
	width: 18%;
	position: relative;
	font-family: "Lato Thin";
	font-size: 32px;
	color: #FFF;
	float: left;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 2px 20px;
	line-height: 30px;
	margin-top: 30px;
	margin-right: 1%;
	margin-left: 1%;
		}	
		
		
				#galleryin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 32px;
	color: #C90;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	line-height: 30px;
		}		
		
		
		
		
	#resort{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #000;
	background-attachment: scroll !important;
	background-image: url(../imgs/gptj.jpg);
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}		
	




	#eventos{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/evaluaciones-psicologicas-bg.jpg);
		}	
		
		
		
	#hotels{
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #fff;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/empresas-laboratorio-analisis-clinicos-tijuana-bg2.jpg);
		}			
		
		
		
	#ready{
	position: relative;
	width: 100%;
	height: 700px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imgs/medicos-pazba.jpg);
		}			
	
	
	#listo{
	position: relative;
	width: 100%;
	height: 400px;
	background-color: #FFF;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../es/imgs/HazRealidadElCambio_1500x375_MyNewBody-02.jpg);
		}			
			
		
		
	#socialnetworks{
	position: relative;
	width: 100%;
	height: 500px;
	background-color: #000;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
		}	
		
		
	#testimonials{
	position: relative;
	width: 100%;
	height: 500px;
	background-color: #000;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
		}		
			
			
#redsocialinleft{
	width: 47%;
	height: 320px;
	float: left;
	position: relative;
	margin-left: 2%;
	margin-right: auto;
	top: 80px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}	
	
#redsocialinleft02{
	width: 30%;
	max-height: 300px;
	float: left;
	position: relative;
	margin-left: 2%;
	margin-right: auto;
	top: 150px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}		
	
	
#redsocialinright{
	width: 40%;
	float:right;
	height: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 150px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}		
				
				
	#beforeafter{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	background-image: url(../img/lideres-en-la-region-analisis-clinicos-mejor-laboratorio-de-tijuana-laboratorio-klein-2.jpg);
		}			
		
		

	#antesdespues{
	position: relative;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #B6764A;
		}				
		
		#antesdespuesderecha{
	width: 50%;
	float: left;
	position: relative;
	font-family: "Raleway Regular";
	font-size: 25px;
	color: #FFF;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-left: 5%;
	text-align: center;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	height: 662px;
	overflow: hidden;
		}		
		
		
			#ubicacion{
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}
		

			#promos{
	position: relative;
	width: 100%;
	height: 1100px;
	background-color: #F3F3F3;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}	
		
			#livestream{
	position: relative;
	width: 100%;
	height: 780px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../sports/gplivestream.jpg);
		}			
		
					#photos{
	position: relative;
	width: 100%;
	height: 900px;
	background-color: #FFF;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}			
		
		
	#disenoinfoinleft2{
	width: 38%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 100px;
	color: #FFF;
		}	
		
		
	#hotel01txt{
	width: 38%;
	float: left;
	position: relative;
	height: 400px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
		}			
		
		
		#iconbox{
	width: 14%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 2%;
	text-align: left;
	top: 5px;
		}	
	#textbox{
	width: 82%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}
		#textbox001{
	width: 98%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}			
		
	#textbox02{
	width: 87%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}	
				
		
	#disenoinfoinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 800px;
	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: center center;
	background-image: url(../imgs/my-new-body-obesity-center-doctors-picture.jpg);
		}	
		
		
	#gastricsleeve{
	width: 55%;
	float: right;
	position: relative;
	height: 800px;
	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: center center;
	background-image: url(../imgs/my-new-body-obesity-center-doctors-picture.jpg);
		}			
		
		
		
	#biodr{
	width: 55%;
	float: right;
	position: relative;
	height: 800px;
	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: center center;
	background-image: url(../imgs/my-new-body-obesity-center-dr-picture-.jpg);
	top: 100px;
		}			
		
			#hotelright1{
	width: 55%;
	float: right;
	position: relative;
	height: 400px;
	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: center center;
	background-image: url(../imgs/hotelrealinn1.jpg);
		}	

	#hotelright2{
	width: 55%;
	float: right;
	position: relative;
	height: 400px;
	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: center center;
	background-image: url(../imgs/city_express1.png);
		}			



	#hotelright3{
	width: 55%;
	float: right;
	position: relative;
	height: 400px;
	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: center center;
	background-image: url(../imgs/hotel-hyatt-place-tijuana-000.jpg);
		}			
		

		
	#gpdiv00{
	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;
		}	
		
	#about{
	position: relative;
	width: 100%;
	height: 500px;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/nosotros-30-anos-bg.jpg);
	background-color: #FFF;
		}			
		
	#bio{
	position: relative;
	width: 100%;
	height: 900px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}					


	#hotel01{
	position: relative;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}	
		
		
/*residentialsmain*/
		
#residentialsmain{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F4F4F4;
		}			

#residentialsmaininfoinleft{
	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: scroll;
	background-position: right center;
	background-repeat: no-repeat;
		}	
		
	#residentialsmaininfoinright{
	width: 40%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
	color: #666666;
		}	

/*residentialsmain 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:rgba(0,0,0,0.6);
	border: none;
	border-radius: 20px;
	font-size: 22px;
	color: #FFF;
	font-family: "Raleway Regular";
	}

#btnminimalista:hover{
	height: 65px;
	background:rgba(0,0,0,0.6);
	border: solid medium #FFF;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}
	
#btnminimalistagrey:hover{
	height: 65px;
	background-color: #1eb7ab;
	border: solid medium #666;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Raleway Regular";
	}		
	
#btnminimalistagrey{
	height: 60px;
	background-color: #1eb7ab;
	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*/	



/*SERVICIOS*/

#serviciosklein{
	height: 1450px;
	width: 100%;
	position: relative;
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 45px;
	text-align: center;
	font-family: "Raleway Regular";
	font-size: 50px;
	color: #999;
	line-height: 0px;
	box-shadow: #000 1px 1px 10px;
	background-color: #FFFFFF;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/laboratorio-klein-analisis-microscopio-bg.jpg);
	}	

#servicioskleindivtopin{
	height: 190px;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 15px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	line-height: 30px;
	}	

#inserv2{
	position: relative;
	width: 70%;
	text-align: left;
	font-size: 14px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	}	

#seconddivmidd001{
	height: auto;
	width: 23%;
	position: relative;
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 10px;
	text-align: center;
	font-family: "Raleway Regular";
	font-size: 15px;
	color: #333333;
	float: left;
	border-radius: 5px;
	line-height: 20px;
	top: 30px;
	margin-right: 1%;
	margin-left: 1%;
	}	
	
	
/*SERVICIOS END*/







#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: 600px;
	background-color: #FFF;
	float: none;
	background-attachment: scroll;
	background-image: url(../img/bluebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
		}
	
	#serviciosin{
	width: 99%;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	top: 30px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 50px;
		}
		
		


	
	#servicios2{
	position: relative;
	width: 100%;
	height: 850px;
	background-color: #FFF;
	float: none;
	background-attachment: scroll;
	background-image: url(../img/bluebg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
		}
	
	#serviciosin2{
	width: 99%;
	height: 850px;
	margin-left: auto;
	margin-right: auto;
	top: 30px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 50px;
		}

		
		
		
		#procedures{
	position: relative;
	width: 100%;
	height: 550px;
	background-color: #F9F9F9;
	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: 400px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	background-color: #FFF;
		}	
/*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;
 
		}	
		
	#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;
	
	 
		}	
		
	#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;
	
	 
		}	
		
	#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;
	
	 
		}	
		
	#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;
	
	 
		}	
		
	#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;
	 
		}	
		
	#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%;
		}		
	
	
	
	
	
	
	
	#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;
		}
		
		
		
		
	#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;
}	
		
	#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: 16px
	}
	

	
	
	#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;
	 
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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: none;
	width: 23%;
	height: 350px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	border-radius: 0px;
	border-color: transparent;
	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: #FFF;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	 
		}	
		


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

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

/*COLU0003 END*/











	/*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%;
	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:auto;
}

#hover-content0003 {
	visibility: hidden;
	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;
	 
		}	
		
	#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.5);
	height: 150px;
}

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

/*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;
		}	
		
	#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;
	 
		}	
		
	#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:auto;
}

#hover-content0003 {
	visibility: hidden;
	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;
		}	
		
	#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:auto;
}

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

/*AME00061 END*/








/*COLU0008*/		
	#colu0008{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	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 top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;
	 
		}	
		
	#colu0008:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
		}	

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

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

/*COLU008 END*/




/*COLU02*/		
	#colu0002{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	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: right top;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;	
	 
		
		}	
		
	#colu0002:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position:left bottom;
	background-color: #CCC;
	margin-top: 3%;
	
		}	

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

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











/*COLU02*/		
	#colu0009{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	border-radius: 0px;
	background-color: #CCC;
	background-size: cover;
	margin-top: 3%;
	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 center;
	background-repeat: no-repeat;
	background-color: #333;
	position: relative;	
	 
		
		}	
		
	#colu0009:hover{
	box-shadow: #000 1px 1px 5px;
	width: 25%;
	height: 400px;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	background-position: right bottom;
	background-color: #CCC;
	margin-top: 3%;
	
		}	

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

#hover-content0009 {
	visibility: hidden;
	height: 80px;
}
	
/*COLU0002 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-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: 70px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #339999;
	position: relative;
	}
#bottomdivin{
	width: 90%;
	height: 30px;
	top: 10px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
	}	
	





	
	
	
	
	
	
	
	
	
	
	#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: 15%;
	height: 68px;
	margin-left: 15px;
	position: relative;
	float: left;
	text-align: right;
	
}


#mainright{
	width: 81%;
	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;
	text-transform: none;
	margin-right: auto;
	margin-left: auto;
	color: #2DBFC3;
	text-align: center;
	font-family: Raleway, sans-serif;
	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){
	
.circular{width:65%}	
.circular2{width:60%}
.analisisimg{width: 75%;}	
.analisiscirculo{
	width: 60%;
}	
	
		.h1clasep{
 font-size:30px;
 font-stretch:expanded;
 line-height:30px;
	}
	#compromisoklein{
	position: relative;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-image: url(../img/nuestro-compromiso-analisis-clinicos-tijuana-laboratorio-klein.jpg);
		}			
			
.sucursalesfont{
	font-size: 35px;
	line-height: 30px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	font-weight: bolder;
}				
	#calidad{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	}	
	
	#calidadright{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	top: 5px;
	color: #FFF;
		}	

		
.h1clasegreen2{
	font-size: 40px;
	line-height: 40px;
	color: #00846D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
#serviciosklein{
	height: auto;
	width: 100%;
	position: relative;
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 45px;
	text-align: center;
	font-family: "Raleway Regular";
	font-size: 50px;
	color: #999;
	line-height: 0px;
	box-shadow: #000 1px 1px 10px;
	background-color: #FFFFFF;
	background-image: url(../img/laboratorio-klein-analisis-microscopio-bg.jpg);
	background-size: cover;
	background-position: center center;
	}	
		
.h1clasepromociones{
	font-size: 25px;
	line-height: 25px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bolder;
}	
.h1clasegreen{
	font-size: 60px;
	line-height: 40px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
.h1clasemesverde{
	font-size: 15px;
	line-height: 20px;
	color: #0F6;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bolder;
}	
	
.h1clasenosotros{
	font-size: 40px;
	line-height: 20px;
	color: #00846d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	font-weight: bolder;
}	

.tituloanalisis{
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	font-weight:bolder;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
	
#imgservicios{
	width: 42%;
}	


#mas-servicios{
	width: 30%
}


#promociones{
	width: 100%;
	height: 300px;
	position: relative;
	background-color: #FFFFFF;
	z-index: 600;
	background-position: center top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
	text-shadow: none;
	}	
	


#cubrebocas{
	height: 450px;
	z-index: 1000;
	}
#prom{
	height: 950px;
	z-index: 1000;
	}	
	.swapradius{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	background: rgba(0,204,153,1);
	margin-left: auto;
	text-align: center;
	top: 10px;
	text-shadow: none;
	line-height: 15px;
	letter-spacing: 0px;
		}
	#eventos{
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/evaluaciones-psicologicas-bg.jpg);
	float: none;
		}	
		#resortin2{
	width: 70%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 30px;
		}		
	
	#resortin{
	width: 70%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	top: 100px;
	line-height: 30px;
		}	
	
			#antesdespuesderecha{
	width: 90%;
	float: none;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-left: auto;
	text-align: center;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	overflow: hidden;
	margin-right: auto;
		}
		#beforeafter{
	position: relative;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	float: none;
		}			
		

	.swapleft{
	width: 70%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	top: 20px;
	text-shadow: none;
	line-height: 40px;
		}
	
		.swapright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	margin-left: auto;
	text-align: center;
	top: 20px;
	text-shadow: none;
	line-height: 20px;
	letter-spacing: -2px;
		}
		.swapright2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	margin-left: auto;
	text-align: center;
	top: 20px;
	text-shadow: none;
	line-height: 20px;
	letter-spacing: -2px;
	padding-top: 10px;
		}



	#vacunacovid{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/2024-mayo-laboratorio-klein-tijuana-analisis-general-1-blue.jpg);
		}	
	
		#imos{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../img/IMOS-2.jpg);
		}	

	#imosright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	background: rgba(0,0,0,0);
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 18px;
	letter-spacing: 1px;
		}


	
	#vacunacovidleft{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 20px;
		}
	#vacunacovidright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFF;
	margin-right: auto;
	border-radius: 30px;
	background: rgba(0,0,0,0);
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: none;
	line-height: 18px;
	letter-spacing: 1px;
		}

#seconddivmidd001{
	height: auto;
	width: 90%;
	position: relative;
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 10px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	float: none;
	border-radius: 5px;
	line-height: 20px;
	top: 30px;
	margin-right: auto;
	margin-left: auto;
	}
	
	
	
				#ubicacion{
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}
	
	
						#photos{
	position: relative;
	width: 100%;
	height:1100px;
	background-color: #FFF;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}	
	

			#promos{
	position: relative;
	width: 100%;
	height: 1400px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
		}	

			#livestream{
	position: relative;
	width: 100%;
	height: 900px;
	background-color: #000;
	background-attachment: scroll !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../sports/gplivestream.jpg);
	float: none;
		}

		
		#promobox{
	width: 46%;
	position: relative;
	font-family: "Lato Thin";
	font-size: 32px;
	color: #FFF;
	float: left;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 2px 20px;
	line-height: 30px;
	margin-top: 20px;
	margin-right: 1px;
	margin-left: 3%;
		}	
		
#residentialsmain{
	position: relative;
	width: 100%;
	height: auto;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F4F4F4;
		}			

#residentialsmaininfoinleft{
	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: fixed;
	background-image: url(../imgs/septiembre.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: auto;
		}	
	#hotels{
	position: relative;
	width: 100%;
	height: 550px;
	background-color: #fff;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}			
				
	#residentialsmaininfoinright{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 17px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	






	.h1clase009{
	font-size: 35px;
	color: #fff
}

#btnhome2{
	height: 70px;
	width: 40%;
	background-color: #1eb7ab;
	text-shadow: #000 1px 2px 10px;
	/*	border: solid medium #FFF;*/
	border-radius: 10px;
	font-size: 17px;
	color: #FFF;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	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: #1eb7ab;
	/*	border: solid medium #FFF;*/
	text-shadow: #000 1px 2px 10px;
	border-radius: 10px;
	font-size: 17px;
	color: #ccc;
	font-family: "Raleway Regular";
	}



	#topinhome2{
	width: 90%;
	float: right;
	position: relative;
	height: 50%;
	font-family: "Raleway Regular";
	font-size: 18px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	font-weight: lighter;
	top: 0px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background-color: rgba(0,0,0,0.0);
		}	

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




#titlescript002{
	font-family:RAGE;
	font-size:90px;
	line-height:70px;
	}	
	



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

		}	
		
		
		
		

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

	
	#footerbox{
	width: 90%;
	float: none;
	position: relative;
	height: 450px;
	font-family: "Lato Thin";
	font-size: 18px;
	color: #FFF;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 80px;
	text-shadow: #000 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*/		
		



#mainright00{
	width: 90%;
	height: 100px;
	position: relative;
	float: none;
	margin-right: auto;
	margin-left: auto;
	color: #333;
	z-index: 1;
	text-align: center;
	font-family: "Raleway Regular";
	font-size: 36px;
	top: 15px;
	
}


		#resortin{
	width: auto;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin-right: 25%;
	margin-left: 2%;
	text-align: center;
	top: 30px;
	text-shadow: none;
	line-height: 20px;
	margin-top: 180px;
		}	
		

#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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #339999;
	position: relative;
	}
#bottomdivin{
	width: 90%;
	height: 50px;
	top: 10px;
	color: #FFF;
	font-family: "Raleway Regular";
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-top: 20px;
	text-align: center;
	}	




.h1clase{
	font-size: 40px;
	font-stretch: normal;
	color: #FFFFFF;
	line-height: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: normal;
	letter-spacing: normal;
}
	

#h1clase2{
	font-size: 40px;
	color: #1B5678;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
			#hotelsin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 30px;
	line-height: 20px;
	padding-top: 50px;
		}	
		.h1clasee{
	font-size: 40px;
	line-height: 35px;
	color: rgb(0,132,109);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
	
		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;
	}	

	

	
	
	
	#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: #4A2F06;
	z-index: 2000;
	background-color: rgba(255,255,255,1);
	
	}










/*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	*/


	
	#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{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	background-color: #000;
	background-image: url(../imgs/blue1.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;
		}
		
		#diseno2{
	position: relative;
	width: 100%;
	height: 450px;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	background-color: #000;
	background-image: url(../es/imgs/HoyEmpieaElVerdaderoCambio_1280x900_MyNewBody2.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: 18px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 30px;
	text-shadow: #000 1px 1px 20px;
	display: block;
		}	
		
		
	#about{
	position: relative;
	width: 100%;
	height: 700px;
	background-color: #fff;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	float: none;
	background-image: url(../img/laboratorio-klein-recepcion-quimica-sanguinea-sucursales-adn-diabetes-colesterol-covid-panel-bioquimico-examen-general-prenupciales-en-tijuana-prenatales-bg-4.jpg);
		}
		
	
		
		
	#resort{
	position: relative;
	width: 100%;
	height: 1000px;
	background-color: #000;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
		}		
	
		
	#disenoinfoinleft2{
	width: 90%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}	
		

		#bio{
	position: relative;
	width: 100%;
	height: 1700px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}		
		#ready{
	position: relative;
	width: 100%;
	height: 700px;
	background-color: #FFF;
	background-attachment: scroll !important;
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imgs/medicos-pazba-movil.jpg);
		}	
		
		#hotel01{
	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;
		}		
			
		
		
	#hotel01txt{
	width: 95%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	top: 5px;
		}			
		
		
	#hotelright1{
	width: 90%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	margin-right:auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imgs/hotelrealinn1.jpg);
		}	

	#hotelright2{
	width: 90%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
    margin-right:auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imgs/city_express1.png);
		}			



	#hotelright3{
	width: 95%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../imgs/hotel-hyatt-place-tijuana-000.jpg);
		}			
		
		
		
		#iconbox{
	width: 10%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	top: 5px;
		}	
	#textbox{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 5px;
		}	
		
	#textbox02{
	width: 87%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: center;
	top: 5px;
		}			
		
		
	#socialnetworks{
	position: relative;
	width: 100%;
	height: 900px;
	background-color: #000;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
		}	
		
		
	#testimonials{
	position: relative;
	width: 100%;
	height: 850px;
	background-color: #000;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
		}		
			
			
#redsocialinleft{
	width: 90%;
	height: 320px;
	float: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 80px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}	
	
#redsocialinleft02{
	width: 90%;
	max-height: 300px;
	float: left;
	position: relative;
	margin-left: 2%;
	margin-right: auto;
	top: 150px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}		
	
	
#redsocialinright{
	width: 40%;
	float:right;
	height: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 150px;
	text-align: center;
	font-family: "Raleway Regular";
	color: #FFF;
	font-size: 20px;
	text-shadow: #000 1px 1px 20px;
	}		
				
				
	
		
		
		
	#disenoinfoinright2{
	width: 100%;
	float: none;
	position: relative;
	height: 600px;
	font-family: "Raleway Regular";
	font-size: 24px;
	background-size: cover;
	background-position: bottom;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}	
	#gastricsleeve{
	width: 100%;
	float: none;
	position: relative;
	height: 400px;
	font-family: "Raleway Regular";
	font-size: 24px;
	background-size: cover;
	background-position: bottom;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}			
		
		
	#biodr{
	width: 100%;
	float: none;
	position: relative;
	height: 800px;
	font-family: "Raleway Regular";
	font-size: 24px;
	background-size: cover;
	background-position: bottom;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 40px;
		}			
		
		
	#golf{
	position: relative;
	width: 100%;
	height: 900px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
		}	
		



/*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;

		}

		
/*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;
	
	 
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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;
		}	
		
	#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{
	width: 95%;
	height: 340px;
	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: #FFF;
	position: relative;
	
	 
		}	
		

#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;
	
	 
		}	
		
	#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: hidden;
	height: 80px;
}

/*COLU008 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/septiembre.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: ;
		}	
		
	#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: 800px;
	background-color: #FFF;
		}
	
	#serviciosin{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
	text-align: center;
		}
	#servicios2{
	position: relative;
	width: 100%;
	height: 800px;
	background-color: #FFF;
		}
	
	#serviciosin2{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
	text-align: center;
		}		
		
		
		
		
		#procedures{
	position: relative;
	width: 100%;
	height: auto;
	background-color: #FFF;
		}
		
		#serviciosdesignin{
	width: 99%;
	height: 900px;
	margin-left: auto;
	margin-right: auto;
	top: 35px;
	margin-top: 20px;
		}	
		
/*SERVICIOS MOBILE 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;
	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;
		}			
#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;
		}	
		

#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;
		}			
#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;
		}	




#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;
		}			
#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*/

	#procedures{
	position: relative;
	width: 100%;
	height: 1500px;
	background-color: #FFF;
		}
		
	#serviciosdesignin{
	width: 99%;
	height: 1200px;
	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";
	}
		
	
		
		

		
#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*/	






/*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{
	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	*/		
	
	
	
	
	
	






	
/*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:#fff;
		box-shadow:#000 1px 1px 5px;
    }
 
    .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:#333;
		height:30px;
    }
 
    .menu a {
        display:block;
    }
 
    .toggle-nav {
	padding: 15px;
	float: left;
	width: 20px;
	display: inline-block;
	border-radius: 3px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	color: #777;
	font-size: 20px;
	transition: color linear 0.15s;
	background-color: #1eb7ab;
    }
 
    .toggle-nav:hover, .toggle-nav.active {
	text-decoration: none;
	color: #CC3300;
	padding:15px;
    }
 
    .search-form {
        margin:12px 0px 0px 20px;
        float:left;
    }
 

	
}
/*SMARTPHONES END*/















/* TABLET VERSION */
/* -----RESPONSIVO-----    */
/* -----TABLETS AND MINIPC RESPONSIVO-----    */

@media only screen and (min-width:800px) and (max-width: 1750px){
	
	
	
		#iconbox{
	width: 14%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 2%;
	text-align: left;
	top: 5px;
		}	
	#textbox{
	width: 81%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}	
	#textbox001{
	width: 98%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}		
		
	#textbox02{
	width: 87%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 5px;
		}	

	
	#mainright00{
	width: 90%;
	height: 70px;
	position: relative;
	float: none;
	text-transform: none;
	margin-right: auto;
	margin-left: auto;
	color: #2DBFC3;
	z-index: 1000;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	top: 15px;
	
}

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

#residentialsmaininfoinleft{
	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: scroll;
	background-position: center center;
	background-repeat: no-repeat;
		}	
		
	#residentialsmaininfoinright{
	width: 40%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	

/*residentialsmain END*/
	
	#diseno{
	position: relative;
	width: 100%;
	height: 650px;
	background-size: cover;
	background-color: transparent;
	background-attachment: fixed;
	background-position: center bottom;
background:
	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;
		}
	
	
	

			#topinhome2{
	width: 50%;
	float: right;
	position: relative;
	height: 50%;
	font-family: "Raleway Regular";
	font-size: 25px;
	color: #FFF;
	text-shadow: #000 1px 1px 20px;
	text-align: center;
	margin-top: 10%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: auto;
	font-weight: lighter;
	top: 0px;
	text-shadow: #000 1px 1px 20px;
	z-index: 10000;
	background: rgba(0,0,0,0.0);
		}	
	
	
	
	
	
	video{
	position: fixed;
	width: 100%;
	height: auto;
	z-index: -100;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	top:-130px;
	margin-left: auto;
	margin-right: auto;
	}
	
	
	
	#promoin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 22px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	text-shadow: #000 1px 2px 20px;
	line-height: 30px;
		}		
	
		#galleryin{
	width: 80%;
	float: none;
	position: relative;
	height: auto;
	font-family: "Raleway Regular";
	font-size: 22px;
	color: #C90;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	top: 100px;
	line-height: 30px;
		}	
	
	#mainlogo{
	width: 15%;
	height: 68px;
	margin-left: 15px;
	position: relative;
	float: left;
	text-align: right;
	
}

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

		}	



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


	#hometopright{
	height: 40px;
	width: 70%;
	background-size: cover;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #666;
	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;
	}	




		#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;
		}

#mainbanner{
	height: 60px;
	width: 100%;
	background-size: cover;
	position: relative;
	}		
	

	
	#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;
	}	
	#mainbanner{
	height: auto;
	width: 100%;
	background-size: cover;
	position: relative;
	}	
	
	
	.btn_main{
	width: 150px;
	font-family: "Raleway Regular";
	color: #FFF;
	border-radius: 40px;
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
	background-color: #0C9;
		}
	
	
	

/*TABLET AND MINILAP*/


		

#golfinfoinfoinleft{
	width: 47%;
	float: left;
	position: relative;
	height: 100%;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-right: auto;
	text-align: left;
	background-size: contain;
	background-attachment: fixed;
	background-image: url(../img/realestateimg2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
		}	
		
	#golfinfoinfoinright{
	width: 47%;
	float: right;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 18px;
	text-shadow: #fff 1px 1px 20px;
	margin-right: 5%;
	margin-left: auto;
	text-align: left;
	top: 10px;
		}	




/* TABLET AND MINILAP END*/







	#promotionsinfoinleft2{
	width: 43%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Lato Thin";
	font-size: 18px;
	margin-right: auto;
	margin-left: 5%;
	text-align: left;
	top: 5px;
		}	
		
	#promotionsinfoinright2{
	width: 50%;
	float: right;
	position: relative;
	height: 500px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: cover;
	background-image: url(../img/foot-reflexology.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	
		}	
		
		
	#promotions{
	position: relative;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/dgraficobg3.jpg);
	background-color: #FFF;
		}	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
			
		

	
	
	
	
		
		












	
	
	
	
	
	
	/*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: 85px;
	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";
	}
	

#btnminimalistagrey:hover{
	height: 65px;
	background-color: #006666;
	border: solid medium #666;
	border-radius: 20px;
	font-size: 24px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}		
	
#btnminimalistagrey{
	height: 60px;
	background-color: #1eb7ab;
	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%;
    }

	
	
	
	
	
	
/*MENU TABLET AND MINIPC*/	
 
 .toggle-nav {
    display:none;
}
 
 
     .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 30px 0px 0px;
	float: left;
	text-decoration: none;
	list-style: none;
	font-size: 11px;
	line-height: 22px;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
 
.menu li:last-child {
 
}
 
.menu a {
	text-shadow: 2px 2px 3px rgba(255,255,255,0.8);
	color: #37b874;
	text-decoration: none;
	font-weight: bold;
	transition: color linear 0.15s;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
 
.menu a:hover, .menu .current-item a {
	text-decoration: blink;
	color: #276B9A;
	font-size: 12px;
}
 
/*----- 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*/






/*DISENOINFOINFO TABLET AND MINIPC*/
	
	
	
		#gpdiv00{
	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: #FFF;
		}
		
			
		
		#about{
	position: relative;
	width: 100%;
	height: 600px;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
		}			
		
			
	
	
	#golf{
	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;
		}	
#disenoinfoinleft2{
	width: 40%;
	float: left;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-right: auto;
	margin-left: 1%;
	text-align: left;
	top: 80px;
		}	
#disenoinfoinright2{
	width: 55%;
	float: right;
	position: relative;
	height: 800px;
	font-family: "Raleway Regular";
	font-size: 24px;
	color: #666;
	margin-left: auto;
	text-align: right;
	background-size: auto;
	background-image: url(../imgs/my-new-body-obesity-center-doctors-picture.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
		}			
		
/*DISENOINFOINFO 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;
}	
	



	#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();
	
	 
		}	
		
	#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: hidden;
	height: 80px;
}
/* TABLET AND MINIPC END*/



/*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;

	
	 
		}	
		
	#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: hidden;
	height: 80px;
}

/*TABLET AND MINIPC END*/



/*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*/	



/* 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();
	
	 
		}	
		
	#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: hidden;
	height: 80px;
}

/*TABLET AND MINIPC END*/	





/*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;

	
	 
		}	
		
	#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: hidden;
	height: 80px;
}

/*TABLET AND MINIPC END*/


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


/*TABLET AND MINIPC END*/




/*FONT STYLES TABLET AND MINIPC*/	


#h1clase2{
	font-size: 40px;
	color: #1B5678
}

	#titlescript20{
	font-family: RAGE;
	font-size: 50px;
	}

#titlescript2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	}
	
#titlescript3{
	font-family: "Lato Thin";
	font-size: 16px;
	font-weight: bolder;
	color: #E9E9E9;
	text-decoration: none;
	}	
	
	.h1clase009{
	font-size: 27px;
	color: #fff
}	
	
	
/*FONT STYLES TABLET AND MINIPC END*/


/*CONTACTUS TABLET AND MINIPC*/	
#contactus{
	position: relative;
	width: 100%;
	height: 680px;
	background-color: #1B5678;
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: none;
		}
/*CONTACTUS TABLET AND MINIPC*/




	
	}
/*TABLETS 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";

}
#form2{
	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: #333;
	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: #00CC66;
	height: 50px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	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: #FFFFFF;
	font-size: 16px;
	resize: none;
	background-color: transparent;
	border: 1px solid #FFF;
	border-radius: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
span{
    color:red
}
#note{
color:white;
font-Weight:400;
}
#returnmessage{
    font-size:14px;
    color:green;
    text-align:center;
}

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