@charset "utf-8";

@import url("../webfonts/Raleway_Regular/stylesheet.css");

@import url("../../../webfonts/Lato_Thin/stylesheet.css");

@import url("../../../webfonts/Raleway_Regular/stylesheet.css");



/* ***** Inicio Divs y listas en Contacto ***** */

/* Diseno de los botones para cambiar de Div */




@media only screen and (min-width:200px) and (max-width: 450px){

  .flip{

    font-size: 16.7px;

  }

}



/* Div's ocultos */

.panel{

    display:none;

}



/* Lista Horizontal */

nav ul li{

  display:inline;

}



/* Sobreescribe .panel para que sea el que se muestre por default */

#panel1{

  display: block;

}



/* Elimina margen entre elementos y que se muestre contiguo */

#h2contact-rewrite{

  margin-top: 0px!important;

  margin-bottom: 0px!important;
margin-left: 20px;

}



#ulcontact-rewrite{

  list-style-type:none;

  margin-bottom: 0px!important;

  padding-left: 0px;
text-align: center;
padding-bottom: 20px;

}



#contact-lessmargin{

  margin: 12px;

  font-size: 18px;
margin-left: 30px;

}






/* ***** Inicio Insumos ***** */

.insumosimg{

  height: 120px;

}





  @media only screen and (min-width:200px) and (max-width: 670px){

    #categoriasinsumos{

      width: 48%!important;

      height: auto;

      margin-left: auto;

      position: relative;

      z-index: 600;

      float: left;

      text-align: center;

      top: 10px;

      font-family: "Lato Thin";

      font-size: 16px;

      color: #000;

      margin-right: auto;

      border: 3px solid white;

      font-weight: bolder;

      }

  }



  @media only screen and (min-width:671px) and (max-width: 1200px){

    #categoriasinsumos{

      width: 32.3%!important;

      height: auto;

      margin-left: auto;

      position: relative;

      z-index: 600;

      float: left;

      text-align: center;

      top: 10px;

      font-family: "Lato Thin";

      font-size: 16px;

      color: #000;

      margin-right: auto;

      border: 3px solid white;

      font-weight: bolder;

      }

  }



#categoriasinsumos{

  width: 32.8%;

  height: auto;

  margin-left: auto;

  position: relative;

  z-index: 600;

  float: left;

  text-align: center;

  top: 10px;

  font-family: "Lato Thin";

  font-size: 16px;

  color: #000;

  margin-right: auto;

  border: 3px solid white;

  font-weight: bolder;

  }



#categoriasinsumos:hover{

  height: auto;

  margin-left: auto;

  position: relative;

  z-index: 600;

  float: left;

  text-align: center;

  top: 10px;

  font-family: "Lato Thin";

  font-size: 16px;

  color: #000;

  margin-right: auto;

  font-weight: bolder;

  border: 3px solid #FC3;

  }





#productosregaderas{

  width: 90%;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  z-index: 600;

  float: none;

  text-align: center;

  top: 1px;

  font-family: "Lato Thin";

  font-size: 50px;

  color: #666;

  overflow: -webkit-paged-x;

  }





#productosregaderastxt{

	width: 95%;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 15px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

  padding-top: 10px;

  padding-bottom: 10px;

	}



#productosregaderastxt:hover{

	background:#FC3;

	}

/* ***** Fin Insumos ***** */

/* CSS Document */



.toggle-nav {

  display:none;

}



html{

	padding:0;

	margin:0;

	}



body{

	padding:0;

	margin:0;

	background:#FFF;

	background-attachment:fixed;

	background-size:cover;

	background-repeat:repeat-x;

	}



video{

	position: fixed;

	width: 100%;

	height: auto;

	z-index: 500;

	background-attachment: scroll;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

	margin-left: auto;

	margin-right: auto;

	}



#vimeovid{

	width:820px; height:450px;

	}







.botonup{

	width: 250px;

	height: 60px;

	font-family: "Raleway Regular";

	font-size: 18px;

	background: none;

	text-shadow: #000 1px 1px 10px;

	box-shadow: #000 1px 1px 10px;

	border-radius: 15px;

	border: thick solid #FFF;

	color: #FFF;

	}





.btnpreciosestacionamiento{

	width: 200px;

	height: 60px;

	border: medium solid #ffffff;

	background-color: transparent;

	color: #FFFFFF;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 24px;

	}





.btnvermas{

	width: 200px;

	height: 60px;

	background-color: #000;

	color: #FFFFFF;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 24px;

    border:none;

	}



.btnvermas0{

	width: 200px;

	height: 60px;

	background-color: #000;

	color: #FC3;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 24px;

    border:none;

	}







.btnvermas001{

	width: 150px;

	height: 50px;

	background-color: #000;

	color: #FFFFFF;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 18px;

	border: none;

	}







.btnvermas001:hover{

	width: 150px;

	height: 50px;

	background-color: #fc3;

	color: #000;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 18px;

	border: none;

	}





.btnvermas005{

	width: 150px;

	height: 50px;

	background-color: #000;

	color: #fc3;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 18px;

	border: none;

	}



.btnverproducto{

	width: 100px;

	height: 60px;

	background-color: #000;

	color: #FFFFFF;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 24px;

    border:none;

	}

.btnverproducto002{

	width: 100px;

	height: 60px;

	background-color: #FC0;

	color:#000;

	border-radius: 20px;

	font-family: "Raleway Regular";

	font-size: 24px;

    border:none;

	}

















/*TOP*/











#mainbanner{

	height: auto;

	width: 100%;

	background-size: cover;

	position: relative;

	background-color: rgba(255,255,255,0.9);

	}



#mainmenuleft{

	width: 100%;

	height: 70px;

	position: fixed;

	display: block;

	color: #301803;

	z-index: 1000;

	border-bottom:#FC3 thick solid;

	box-shadow: 1px 1px 50px #333;

	background-color: rgba(255,255,255,1);



	}

#mainlogo{

	padding-top: 8px;

	padding-left: 25px;

	width: 15%;

	height: 68px;

	margin-left: 15px;

	position: relative;

	float: left;

	text-align: right;

	font-family: "Raleway Regular";

	font-size: 24px;

	color: #543048;

	top: 10px;

}

#mainright{

	width: 70%;

	height: 70px;

	position: relative;

	float: right;

	margin-right: auto;

	margin-left: auto;

	color: #333;

	 -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}







#anlogo{

      width: 130px;

      -o-object-fit: contain;

      object-fit: contain;

}









/*----- Menu -----*/

@media screen and (min-width: 1148px) {

    .menu {

	width: 100%;

	padding: 10px 18px;

	border-radius: 3px;

	text-decoration: none;

	font-family: "Raleway Regular";

	color: white;

	z-index:900;

    }

}



.menu ul {

    display:inline-block;

	 text-decoration:none;

}



.menu li {

	margin: 0px 40px 0px 0px;

	float: left;

	text-decoration: none;

	list-style: none;

	font-size: 16px;

	line-height: 25px;

	color: #FFF;



}



.menu li:last-child {



}



.menu a {

	font-family: "Lato Thin";

	text-shadow: 0px 1px 10px rgba(255,255,255,0.5);

	color: #333333;



	text-decoration: none;

	font-weight: bold;

	transition: color linear 0.15s;

}



.menu a:hover, .menu .current-item a {

	text-decoration: blink;

	color: #333333;

	font-size: 20px;

	background-color: #fc3;

}



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















/*TOP END*/









#top{

	width: 100%;

	height: 60px;

	position: relative;

	background: #fff;

	}



#topin{

	width: 80%;

	height: 60px;

	position: relative;

	background: #fff;

	margin-left: auto;

	margin-right: auto;

	}



#banner{

	width: 100%;

	height: 950px;

	position: relative;

	background-attachment: fixed;

	background-color: #09C;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	}



#bannerin{

	width: 80%;

	height: 200px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	font-family: "Lato Thin";

	text-align: center;

	top: 200px;

	z-index: 600;

	}





























#promociones{

	width: 100%;

	height: 500px;

	position: relative;

	z-index: 600;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	}



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

	}





	#marcas{

	width: 100%;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	background-color: #FFF;

	}



	#proteccion{

	width: 100%;

	height: 250px;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	background-color: #fff;



	}







	#catalogotext3{

	width: 90%;

	position: relative;

	z-index: 600;

	top: 20px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	margin-right: auto;

	margin-left: auto;

	margin-top: 2%;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 60px;

	text-align: center;

	color: #FC3;

	}









	#catalogo{

	width: 100%;

	height: 250px;

	position: relative;

	z-index: 600;

	top: 5px;
margin-top: 400px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	background-color: #1D1D1D;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FC3;



	}





	#greycolorbg{

	width: 100%;

	height: 50px;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center bottom;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	}





#ligas{

	width: 100%;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	background-color: #fff;

	border-bottom-width: 5px;

	border-bottom-style: solid;

	border-bottom-color: #FC3;

	overflow: -webkit-paged-x;

	}







	#catalogoin1{

	width: 80%;

	height: 320px;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	font-size: 36px;

	font-family: Tahoma, Geneva, sans-serif;

	}

		#catalogoin2{

	width: 30%;

	height: 200px;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: right;

	background-color: #FC3;

	margin-right: 5%;

	margin-left: 1%;

	}



	#catalogoin2:hover{

	width: 30%;

	height: 200px;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: right;

	background-color: #FBE653;

	margin-right: 5%;

	margin-left: 1%;

	}







	.pulsate {

	-webkit-animation: pulsate 2s ease-out;

	-webkit-animation-iteration-count: infinite;

	opacity: 0.5;

	font-size: 40px;

}

@-webkit-keyframes pulsate {

    0% {

        opacity: 0.5;

    }

    50% {

        opacity: 1.0;

    }

    110% {

        opacity: 0.5;

    }

}





		#catalogotext{

	width: 80%;

	height: auto;

	position: relative;

	z-index: 600;

	top: 5px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	margin-right: auto;

	margin-left: auto;

	margin-top: 5%;

	margin-bottom: 20%;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: xx-large;

	text-align: center;

	}





	#catalogotext2{

	width: 90%;

	height: auto;

	position: relative;

	z-index: 600;

	top: 35px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	margin-right: auto;

	margin-left: auto;

	margin-top: 1%;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 60px;

	text-align: center;

	color: #FC3;

	}







	#catalogotext4{

	width: 90%;

	height: auto;

	position: relative;

	z-index: 600;

	top: 1px;

	box-shadow: none;

	background-position: center top;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	float: none;

	margin-right: auto;

	margin-left: auto;

	margin-top: auto;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size: 60px;

	text-align: center;

	color: #1d1d1d;

	}





#tour{

	width:100%;

	height:500px;

	z-index:800;

	position:relative;

	float:none;

	}















	/*TIENDAS*/

#tiendas{

	width: 100%;

	height: 2000px;

	position: relative;

	background-color: #0D0D0D;

	z-index: 600;

	background-position: center center;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-size: cover;

	}





	#restaurantesin{

	width: 90%;

	height: 550px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 180px;



	}



		#entretenimientoin{

	width: 90%;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 100px;



	}







	#tiendasin{

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 40px;

	color: #000;
width: 90%;

	height: 150px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 200;

	float: none;

	text-align: center;

	top: 10px;

	


	}





	#tiendasin2{

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 40px;

	color: #000;
width: 90%;

	height: 500px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;
display: grid;
  grid-template-columns: auto auto auto auto;
text-align: center;



	}





    #vermasin{

	width: 90%;

	height: 100px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}



	    #tituloin{

	width: 90%;

	height: 200px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}



		    #tituloinproductos{

	width: 90%;

	height: 250px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}









			    #productosvisuales{

	width: 50%;

	height: 250px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}













				    #productosequipoespecial{

	width: 70%;

	height: 250px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}













			    #tituloinproductos002{

	width: 90%;

	height: 40px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;



	}







	#tituloinacreditacionesyconsultoria{

	width: 90%;

	height: 120px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 40px;

	color: #333;



	}





		#tituloinacreditacionesyconsultoria2{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Lato Thin";

	font-size: 22px;

	color: #000;



	}













	#tituloinacreditaciones3{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Raleway Regular";

	font-size: 20px;

	color: #000;



	}



		#valoresdiv{

	width: 90%;

	height: 500px;

	margin-left: auto;

	overflow-y: hidden;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: -100px;

	font-family: "Raleway Regular";

	font-size: 20px;

	color: #000;



	}





	#valoresdiv02{

	width: 90%;

	height: 280px;

	margin-left: auto;

	overflow-y: hidden;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: -100px;

	font-family: "Raleway Regular";

	font-size: 20px;

	color: #000;



	}





	#carta{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: -100px;

	font-family: "Raleway Regular";

	font-size: 20px;

	color: #000;



	}











	#acercade{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 1px;

	font-family: "Raleway Regular";

	font-size: 25px;

	color: #000;



	}







	    #vermasin2{

	width: 100%;

	margin-left: auto;

	margin-right: auto;

  padding-top: 15px;
display: block;
grid-template-columns:auto;

	float: left;

	text-align: center;

	top: 50px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	}







		#tiendasin3{


	font-family: Tahoma, Geneva, sans-serif;

	font-size: 40px;

	color: #000;

	overflow: auto;

	margin-top: 20px;

display: grid;
  grid-template-columns: auto auto auto auto auto;
text-align: center;



	}













		#productosdivin{

	width: 90%;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 0px;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	margin-top: 100px;



	}



			#productosdivin2{

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	position: relative;
margin-top: 100px;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #FC3;

  overflow: -webkit-paged-x;
display: grid;

grid-template-columns: auto auto auto;

	}





	#acreditacionesyconsultoriasdivin2{

	width: 90%;

	height: 310px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	background-color: #FFF;



	}









	#acreditacionesyconsultoriasdivin3{

	width: 100%;

	height: 500px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	background-color: #FFFFFF;

	top: 50px;

	background-size: cover;

	background-position: center center;



	}



	#acreditacionesdiv{

	width: 100%;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	background-color: #FFFFFF;

	top: -100px;

	background-size: cover;

	background-position: center center;



	}





	#aboutbs{

	width: 100%;

	height: auto;

	overflow-y:hidden;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	background-color: #FFFFFF;

	top: -100px;

	background-size: cover;

	background-position: center center;



	}

	#valoresbox{

	width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	font-family: "Lato Thin";

	font-size: 50px;

	color: #666;

	overflow: auto;

	background-color: #FFFFFF;

	top: -100px;

	background-size: cover;

	background-position: center center;



	}









#tiendabox {

display: grid;  
grid-template-columns: auto auto auto auto;


    }


  @media only screen and (min-width:200px) and (max-width: 600px){

    #tiendabox {

      width: 50%;


    }

  }





#imglistacat{

width: 90%;

margin-left: auto;

color: #000;

margin-right: auto;

height:180px;

display:flex;

align-items: center;

}



@media only screen and (min-width:200px) and (max-width: 599px){




  #imglistacat {

    height:150px;

  }

}



@media only screen and (min-width:600px) and (max-width: 950px){

  #listacat {

    width: 25%;

  }



  #imglistacat {

    height:175px;

  }

}









	#consultoriabox{

	width: 47%;

	height: 300px;

	margin-left: 6%;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	border-radius: 50px;

	margin-right: auto;

	font-weight: bolder;

	background-color: #333;

	background-size: cover;

	background-image: url(../img/consultoriayacreditaciones/consultoriabg_1.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	}









	#consultoriabox:hover{

	width: 47%;

	height: 300px;

	margin-left: 6%;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	border-radius: 50px;

	margin-right: auto;

	font-weight: bolder;

	background-color: #333;

	background-size: cover;

	background-image: url(../img/consultoriayacreditaciones/consultoriabg_2.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	}













	#capacitacionescertificadasbox{

	width: 47%;

	height: 300px;

	margin-left: 6%;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	border-radius: 50px;

	margin-right: auto;

	font-weight: bolder;

	background-color: #333;

	background-size: cover;

	background-image:url(../img/capacitacionescertificadas/capacitaciones_certificadas1.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	}









	#capacitacionescertificadasbox:hover{

	width: 47%;

	height: 300px;

	margin-left: 6%;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	border-radius: 50px;

	margin-right: auto;

	font-weight: bolder;

	background-color: #333;

	background-size: cover;

	background-image: url(../img/capacitacionescertificadas/capacitaciones_certificadas.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	}



















	#acreditacionesbox{

	width: 46%;

	height: 300px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border-radius:50px;

	background-color: #FFF;

	background-size: cover;

	background-image: url(../img/consultoriayacreditaciones/acreditaciones_bnt_2.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;



	}



		#acreditacionesbox:hover{

	width: 46%;

	height: 300px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	background-color: #FFF;

	background-size: cover;

	background-image: url(../img/consultoriayacreditaciones/acreditaciones_bnt_1.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;



	}

















		#leanbox{

	width: 46%;

	height: 300px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border-radius:50px;

	background-color: #FFF;

	background-size: cover;

	background-image: url(../img/leanmanufacturing/leanbanner1.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;



	}



	#leanbox:hover{

	width: 46%;

	height: 300px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	background-color: #FFF;

	background-size: cover;

	background-image: url(../img/leanmanufacturing/leanbanner.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;



	}









	#logosbox{

	width: 46%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border-radius: 50px;

	background-size: cover;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;



	}





















	#productobox1{

	width: 95%;


	margin-left: auto;
height: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;



	}





	#acreditacionesyconsultoriasboxin{

	width: 95%;

	height: 150px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	text-shadow:#000 1px 1px 10px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 50px;

	color: #fff;

	margin-right: auto;

	font-weight: bolder;



	}





	#productobox2{

	width: 50%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 15px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	padding-top: 15px;



	}



		#productobox2:hover{

	width: 50%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 15px;

	color: #000;

	background:#FC3;

	margin-right: auto;

	font-weight: bolder;

	padding-top: 15px;



	}







		#tiendaboxtxin{

	width: 90%;

	margin-left: auto;

	color: #000;

	margin-right: auto;

  height:220px;

  display:flex;

  align-items: center;

	}



  .imgdestacados{

    max-width:100%;

    max-height:220px;

    margin: auto;

  }





#iconoboxtxin{

	width: 90%;

	height: 140px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	float: none;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	border:none;

	font-weight: bolder;

}









		#tiendaboxtxin2{

	width: 90%;

	height: 80px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	float: none;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;



	}















	#proteccionbox{

	width: 14.1%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	border: none;

	font-weight: bolder;



	}

		#proteccionbox:hover{

	width: 14%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border: medium solid #FC3;

	}











		#visualbox{

	width: 33%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	border: none;

	font-weight: bolder;



	}

		#visualbox:hover{

	width: 32.5%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border: medium solid #FC3;

	}















	#equiposbox{

	width: 30%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	border: 3px solid white;

	font-weight: bolder;

	}



		#equiposbox:hover{

	width: 30%;

	height: auto;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;

	border: 3px solid #FC3;

	}



























		#proteccionboxtxin{

	width: 90%;

	height: 280px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	float: none;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;



	}



		#proteccionboxtxin2{

	width: 90%;

	height: 80px;

	margin-left: auto;

	position: relative;

	z-index: 600;

	float: left;

	text-align: center;

	top: 10px;

	float: none;

	font-family: "Lato Thin";

	font-size: 16px;

	color: #000;

	margin-right: auto;

	font-weight: bolder;



	}



















#tiendastitulo{

	width: 95%;

	height: 70px;

	position: relative;

	z-index: 600;

	background-position: center center;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-size: cover;

	margin-left: auto;

	top: 150px;

	font-family: "Lato Thin";

	color: #FFF;

	font-size: 45px;

	font-weight: bold;

	font-style: normal;

	text-align: center;

	float: none;

	}









#boxtienda1{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	margin-top:20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: left center;

	-webkit-transition: all 1s ease-in-out;

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

	}



#boxtienda2{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	margin-top: 20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}





#boxtienda3{

	width: 200px;

	height: 200px;

	border-radius:200px;

    margin-top:20px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}







#boxtienda4{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	margin-top: 20px;

	border-radius: 200px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}



#boxtienda5{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

   border-radius:200px;

 margin-top:20px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}







#boxtienda6{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top:20px;



	}









#boxtienda7{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top:20px;



	}





#boxtienda8{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top:20px;



	}







#boxtienda9{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}







#boxtienda10{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	margin-top:20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

   border-radius:200px;



	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}











#boxtienda11{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	margin-top:20px;

   border-radius:200px;





	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}





#boxtienda12{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}













#boxtienda13{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}



#boxtienda14{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}



	#boxtienda15{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}





#boxtienda16{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}









	#boxtiendaup{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;





	}





#boxtiendaupin{

	width: 88%;

	height: 100px;

	top: 15px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}











#boxtiendaupin2{

	width: 82%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	border-radius: 5px;

	text-align: center;

	font-size: 18px;

	text-shadow: #000 1px 1px 20px;

	background: rgba(0,0,0,0);

	top: 5px;

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;







	}





/*TIENDAS END*/









#div1in{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	font-size: 24px;

	}





#box1{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;



	transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg);

-webkit-transform:skew(0deg,-5deg);



	background-size: cover;

	background-position: left center;

	-webkit-transition: all 1s ease-in-out;

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

	}



#box2{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;



	transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg);

-webkit-transform:skew(0deg,-5deg);



	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}





#box3{

	width: 23%;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}

#box4{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;



	transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg);

-webkit-transform:skew(0deg,-5deg);



	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}



#box5{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	transform: skew(0deg,-5deg);

	-ms-transform: skew(0deg,-10deg);

	-webkit-transform: skew(0deg,-5deg);

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}







#box6{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	transform: skew(0deg,-5deg);

	-ms-transform: skew(0deg,-10deg);

	-webkit-transform: skew(0deg,-5deg);

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}

















#boxup{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;



	box-shadow:#000 1px 1px 20px;



	}





#boxupin{

	width: 88%;

	height: 100px;

	transform: skew(0deg,5deg);

	-ms-transform: skew(0deg,10deg);

	-webkit-transform: skew(0deg,5deg);

	top: 30px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 22px;

	text-shadow: #000 1px 1px 20px;

	}











#boxupin2{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	border-radius: 5px;

	text-align: center;

	font-size: 18px;

	text-shadow: #000 1px 1px 20px;

	background: rgba(0,0,0,0);

	top: 5px;

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;







	}















/*BOX HOVER*/



#box1:hover{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 200%;

	background-position: center center;

	}



#box2:hover{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 200%;

	background-position: right center;

	}

#box3:hover{

	width: 23%;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 200%;

	background-position: right center;



	}

#box4:hover{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 150%;

	background-position: right center;





	}





#box5:hover{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 150%;

	background-position: right center;

	}



#box6:hover{

	width: 300px;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 150%;

	background-position: right center;

	}













#boxup:hover{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	}







#boxupin:hover{

	width: 88%;

	height: 100px;

	top: 30px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 22px;

	text-shadow: #000 1px 1px 20px;

	}

/*BOX HOVER END*/



















#services{

	width: 100%;

	height: 700px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	float: none;

	}





#servicios{

	width: 100%;

	height: 700px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	float: none;

	}









#servicesin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;

	}





#identificacionriesgos{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	background: url(../img/identificacionriesgos2.jpg);

	background-size: cover;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	text-shadow: none;



	}



#identificacionriesgos:hover{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	background: url(../img/identificacionriesgos.jpg);

	background-size: cover;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;



	}







#estudioycapacitacion{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	text-shadow: none;

		background: url(../img/estudiosycapacitaciones2.jpg);

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;



	}





#estudioycapacitacion:hover{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;

	background: url(../img/estudiosycapacitaciones.jpg);

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;



	}









#controlingenieria{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	text-shadow: none;

			background: url(../img/controlesdeingenieria2.jpg);

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;



	}



#controlingenieria:hover{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;

	background: url(../img/controlesdeingenieria.jpg);

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;



	}









#equipoproteccionpersonal{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	text-shadow: none;

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	background-image: url(../img/proteccionbg2.jpg);



	}



#equipoproteccionpersonal:hover{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;

	background-position:center center;

	background:url(../img/proteccionbg.jpg);

		background-size:cover;

	-moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;



	}

















#insumosindustriales{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	text-shadow: none;

	background-size: cover;

	-moz-transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

	transition: all .2s ease-in;

	background-image: url(../img/insumosin2.jpg);



	}



#insumosindustriales:hover{

	width: 20%;

	height: 650px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: left;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;

	background:url(../img/insumosin.jpg);

		background-size:cover;

	-moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;



	}















#mainbajasafety{

	width: 80%;

	height: 850px;

	position: relative;

	background-color: transparent;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-repeat: no-repeat;

	float: none;

	top: -10px;

	margin-right: auto;

	margin-left: auto;

	}





#mainbajasafetyproductos{

	width: 80%;

	height: 600px;

	position: relative;

	background-color: transparent;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-repeat: no-repeat;

	float: none;

	top: -10px;

	margin-right: auto;

	margin-left: auto;

	}





#mainbajasafetyin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;



	}







#mainbajasafetyin1{

	width: 28%;

	height: 900px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 50px;

	text-align: left;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;

	box-shadow: #000 1px 1px 30px;

	float: left;

	border-top:solid 50px #FFCC33;

	background: rgba(255,255,255,0.6);

	padding-left: 2%;



	}



	#mainbajasafetyin2{

	width: 100%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;

	float: none;



	}







































#nosotros{

	width: 100%;

	height: 600px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-image: url(../img/bajasafetexture.jpg);

	}



#nosotrosin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;



	}













#serviciosyproductos{

	width: 100%;

	height: 600px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-image: url(../img/bajasafetexture.jpg);

	}



#serviciosyproductosin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666666;

	font-size: 30px;

	text-shadow: none;



	}





















#seguridad{

	width: 100%;

	height: 800px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-image: url(../img/seguridad.jpg);

	}



#seguridadin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 25px;

	text-shadow: none;



	}



#seguridadin1{

	width: 30%;

	height: auto;

	position: relative;

	margin-left: 20%;

	top: 50px;

	float: left;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FF0;

	font-size: 22px;

	text-shadow: none;



	}



	#seguridadin2{

	width: 40%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: 10%;

	top: 50px;

	float: right;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FF0;

	font-size: 22px;

	text-shadow: none;



	}

























#procliff{

	width: 100%;

	height: 800px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-image: url(../img/procliff_proyection.jpg);

	}



#procliffin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 30px;

	text-shadow: none;



	}



#procliffin1{

	width: 30%;

	height: auto;

	position: relative;

	margin-left: 20%;

	top: 50px;

	float: left;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FF0;

	font-size: 22px;

	text-shadow: none;



	}



	#procliffin2{

	width: 40%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: 10%;

	top: 50px;

	float: right;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FF0;

	font-size: 22px;

	text-shadow: none;



	}

















	#h1clase{

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 65px;

	text-shadow: #000 1px 1px 20px;

	}



		#h1clase2{

	font-family: "Raleway Regular";

	color: #FFFFFF;

	font-size: 50px;

	}





#mision{

	width: 100%;

	height: 550px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-size: cover;

	background-position: center center;

	background-attachment: fixed;

	z-index: 600;

	}



#misionin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 24px;

	text-shadow: #000 1px 1px 20px;

	background-color: rgba(51,51,51,0.8);

	padding-right: 3%;

	padding-left: 3%;

	border-radius: 20px;

	}



#divin1{

	width: 39%;

	height: auto;

	position: relative;

	margin-left: 3%;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 24px;

	text-shadow: #000 1px 1px 20px;

	padding-right: 3%;

	padding-left: 3%;

	border-radius: 20px;

	float: left;

	background-size: cover;

	background-attachment: fixed;

	background-position: center top;



	}











#mas{

	width: 100%;

	height: 550px;

	position: relative;

	background-color: #FFF;

	background-size: cover;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-attachment: fixed;

	border-top-width: medium;

	border-top-style: solid;

	border-top-color: #C90;

	}



#masin{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	text-shadow: #000 1px 1px 20px;

	}



#masinleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	}

#masinleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: right center;

	background-color: #AD7B05;

	}



#masinright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 18px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#masinleft2{

	width: 450px;

	height: 450px;

	position: relative;

	float: right;

	border-radius: 450px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: scroll;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	background-color: #999;

	margin-right: 8%;

	top: 50px;

	}

#masinleft2in{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: left center;

	}



#masinright2{

	width: 50%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	text-shadow: none;



	}

#masinright2in{

	width: 75%;

	height: 100%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #101010;

	float: none;

	font-size: 20px;

	margin-right: auto;

	margin-left: auto;

	}

















#nuestrahistoria{

	width: 100%;

	height: 500px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-size: cover;

	z-index: 600;

	background-repeat: no-repeat;

	}



#nuestrahistoriain{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}

















#ubicacion{

	width: 100%;

	height: 700px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}



#ubicacioninleft{

	width: 25%;

	height: 60%;

	position: absolute;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: right top;

	background-attachment: fixed;





	top: 65px;

	background-color: rgba(204,102,0,0.8);

	left: 60px;

	}

#ubicacioninleftin{

	width: 60%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 24px;

	margin-right: auto;

	margin-left: auto;

	line-height: 15px;

	}

























#proteccionfacial02{

	width: 100%;

	height: 1000px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}











#productos{

	width: 100%;

	overflow: -webkit-paged-x;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}



#productosinleft{

	width: 25%;

	height: 60%;

	position: absolute;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: right top;

	background-attachment: fixed;





	top: 65px;

	background-color: rgba(204,102,0,0.8);

	left: 60px;

	}

#productosinleftin{

	width: 60%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 24px;

	margin-right: auto;

	margin-left: auto;

	line-height: 15px;

	}















































/*Start*/





#historia{

	width: 100%;

	height: 550px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-size: cover;

	}



#historiain{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#historiainleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#historiainleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#historiainright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#historiainleft2{

	width: 400px;

	height: 400px;

	position: relative;

	float: left;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: scroll;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	z-index: 600;

	border-radius: 400px;

	background-color: #898A44;

	background-image: url(../img/parking.jpg);

	margin-left: 8%;

	top: 50px;

	}

#historiainleft2in{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#historiainright2{

	width: 50%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: right;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#historiainright2in{

	width: 90%;

	height: 95%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #101010;

	float: none;

	font-size: 20px;

	margin-right: auto;

	margin-left: auto;

	text-shadow: none;

	top: 10px;

	border-left-width: medium;

	border-left-style: dotted;

	border-left-color: #4A3609;

	padding-left: 20px;

	}







#preciosparkingin{

	width: 450px;

	height: 220px;

	border-radius: 20px;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #101010;

	float: left;

	font-size: 17px;

	margin-right: auto;

	margin-left: 50px;

	text-shadow: none;

	padding-bottom: 20px;

	padding-left: 20px;

	padding-top: 10px;

	background-color: #FFF;

	box-shadow: #000 1px 1px 20px;

	top: 20px;

	}



	#preciosparkingin2{

	width: 90%;

	height: 400px;

	border-radius: 20px;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	float: none;

	font-size: 17px;

	margin-right: auto;

	text-shadow: none;

	padding-bottom: 20px;

	padding-left: 20px;

	padding-top: 10px;

	background-color: rgba(0,0,0,0.7);

	box-shadow: #000 1px 1px 20px;

	top: 100px;

	margin-left: auto;

	}







	#estacionamientoinright2{

	width: 49%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: right;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#estacionamientoinright2in{

	width: 90%;

	height: 100%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	}







/*END*/

































/*Start*/





#serviciocliente{

	width: 100%;

	height: 700px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #CCC;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../metal-wallpapers-15.jpg);

	}



#servicioclientein{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#servicioclienteinleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#servicioclienteinleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#servicioclienteinright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#servicioclienteinleft2{

	width: 57%;

	height: 80%;

	position: relative;

	float: left;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-position: center bottom;

	background-repeat: no-repeat;

	z-index: 600;

	left: 20px;

	top: 10%;

	}

#servicioclienteinleft2in{

	width: 100%;

	height: 90%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;





	border-radius:

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#servicioclienteinright2{

	width: 40%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333333;

	float: right;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#servicioclienteinright2in{

	width: 90%;

	height: 85%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	float: none;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	text-shadow: #000 1px 1px 10px;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	padding-right: 5%;

	padding-left: 5%;

	top: 10%;

	}









/*END*/

















/*Start*/





#producto{

	width: 100%;

	height: 700px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #CCC;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../metal-wallpapers-15.jpg);

	}



#productoin{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#productoinleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#productoinleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#productoinright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#productoinleft2{

	width: 45%;

	height: 80%;

	position: relative;

	float: left;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-position: center bottom;

	background-repeat: no-repeat;

	z-index: 600;

	left: 20px;

	top: 10%;

	}

#productoinleft2in{

	width: 100%;

	height: 90%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#productoinright2{

	width: 40%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333333;

	float: right;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#productoinright2in{

	width: 80%;

	height: 85%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	float: left;

	font-size: 18px;

	margin-right: 15%;

	margin-left: auto;

	text-shadow: #000 1px 1px 10px;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 10%;

	}









/*END*/





































/*Start*/





#producto1{

	width: 100%;

	height: 640px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	}





#producto01{

	width: 100%;

	height: 750px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	}



#producto12{

	width: 100%;

	height: 900px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	}



#identificadorriesgosbg{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/consultoriayacreditaciones/consultoriabg.jpg);

	}





#capacitacionesbanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/capacitacionescertificadas/capacitaciones_fondo.jpg);

	}









#acreditacionesbanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center top;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/consultoriayacreditaciones/acreditaciones_fondo.jpg);

	}



#leanbanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center top;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/leanmanufacturing/leanbanner.jpg);

	}





#certificadasbanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center top;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/capacitacionescertificadas/certificadasbanner.jpg);

	}







#nosotrosbanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center top;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/nosotros_bg.jpg);

	}



#controlesingenieriabanner{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center top;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: scroll;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../img/controlesdeingenieria/controlesdeingenieria_bg.jpg);

	}





#consultoriasdown{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}







#safetydevices{

	width: 100%;

	height: 600px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}











#automatizacionycontrol{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}









#ingenieriaambiental{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}





#misionyvision{

	width: 90%;

	height: 380px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	float: none;

	margin-right: auto;

	margin-left: auto;



		}







#manejoderesiduospeligrosos{

	width: 100%;

	height: 650px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	float: none;



		}



#emisionesadmosfericas{

	width: 100%;

	height: 500px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	float: none;



		}





#aguasresiduales{

	width: 100%;

	height: 500px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	float: none;



		}







#pruebamaterialespeligrosos{

	width: 100%;

	height: 500px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	float: none;



		}









#manifiestosimpactoambiental{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}





#serviciosdemanufactura{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}







#dronesmanufactura{

	width: 100%;

	height: 630px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}









#acreditacionesnom{

	width: 100%;

	height: 420px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}





#acreditacionesnom2{

	width: 100%;

	height: 380px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}







#ergonomiacognitivaorganizacional{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}



#seguridadehigiene{

	width: 100%;

	height: 520px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}



#estudiosderiesgoambiental{

	width: 100%;

	height: 400px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}





#vigilanciamedica{

	width: 100%;

	height: 600px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;



		}







#consultoriasdown2{

	width: 100%;

	height: 185px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #FC3;

	font-size: 24px;

	float: none;



		}





#consultoriasdown3{

	width: 100%;

	height: 200px;

	position: relative;

	background-position: center bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #FC3;

	font-size: 24px;

	float: none;



		}





#estudiosycapacitacionbg{

	width: 100%;

	height: 700px;

	position: relative;

	background-position: left center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFF;

	background-repeat: no-repeat;

	top: -100px;

	background-image: url(../estudiosycapacitacionbg.jpg);

	}







#producto1in{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#producto1inleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#producto1inleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#producto1inright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#producto1inleft2{

	width: 45%;

	height: 80%;

	position: relative;

	float: left;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-position: center bottom;

	background-repeat: no-repeat;

	z-index: 600;

	left: 20px;

	top: 10%;

	}

#producto1inleft2in{

	width: 100%;

	height: 90%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#producto1inright2{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #333333;

	float: right;

	font-size: 20px;

	background-attachment: fixed;

	background-size: cover;



	}

#producto1inright2in{

	width: 80%;

	height: 90%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #333333;

	float: left;

	font-size: 20px;

	margin-right: 15%;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 220px;

	}





#centerin{

	width: 80%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	float: none;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	text-shadow:#000 1px 1px 10px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 170px;

	}





#centerin3{

	width: 80%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: none;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 170px;

	}



#centerin4{

	width: 50%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 0px;

	}



#valor02{

	width: 25%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 0px;

	}









#valor1{

	width: 33.3%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 0px;

	}











#incenter{

	width: 90%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #000000;

	float: none;

	font-size: 20px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	top: 0px;

	}



#centerin5{

	width: 45%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 40px;

	margin-right: 2%;

	margin-left: 2%;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 50px;

	}



#centerin05{

	width: 45%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 40px;

	margin-right: 2%;

	margin-left: 2%;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	}





#centerin10{

	width: 20.7%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 40px;

	margin-right: 2%;

	margin-left: 2%;

	background-color: rgba(153,153,153,0.1);

	top: 50px;

	padding-right: 2px;

	padding-left: 2px;

	}







#centerin6{

	width: 20%;

	height: 170px;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 10px;

	}



#centerin6:hover{

	width: 19%;

	height: 140px;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: left;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	border: solid #FC3 medium;

	background-color: rgba(7,8,12,0.0);

	top: 10px;

	}



#centerin6interior{

	width: 90%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333333;

	float: none;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	}





#centerin2{

	width: 80%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	float: none;

	font-size: 80px;

	margin-right: auto;

	margin-left: auto;

	border-radius: 20px;

	text-shadow:#000 1px 1px 10px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 170px;

	}







/*END*/





















#productodesc{

	width: 100%;

	height: 700px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	box-shadow:#000 1px 2px 30px;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFFFFF;

	background-repeat: no-repeat;

	top: -100px;

	}



	#productodesc2{

	width: 100%;

	height: 1000px;

	position: relative;

	background-position: left bottom;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	background-size: cover;

	background-attachment: fixed;

	background-color: #FFFFFF;

	background-repeat: no-repeat;

	top: -100px;

	}





#productodescin{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#productodescinleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#productodescinleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#productodescinright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#productodescinleft2{

	width: 45%;

	height: 80%;

	position: relative;

	float: left;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 16px;

	background-attachment: fixed;

	background-size: cover;

	background-position: center bottom;

	background-repeat: no-repeat;

	z-index: 600;

	left: 20px;

	top: 10%;

	}

#productodescinleft2in{

	width: 100%;

	height: 90%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;







	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#productodescinright2{

	width: 40%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333333;

	float: right;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#productodescinright2in{

	width: 80%;

	height: 85%;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FFFFFF;

	float: left;

	font-size: 18px;

	margin-right: 15%;

	margin-left: auto;

	text-shadow: #000 1px 1px 10px;

	border-radius: 20px;

	background-color: rgba(7,8,12,0.0);

	border-bottom-left-radius: 50px;

	border-top-left-radius: 100px;

	top: 10%;

	}









/*END*/

























#contacto{

	width: 100%;

	height: 550px;

	position: relative;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #1E1E1E;

	z-index: 600;
display: grid;
  grid-template-columns: auto auto;
text-align: center;

	float: none;

	}






	#contactotop{

	position: relative;

	width: 100%;

	height: 150px;

		}





			#contactoin{

	width: 99%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	top: 35px;

	margin-top: 20px;
display: grid;
  grid-template-columns: auto auto;

		}





	#contactotopin{

	width: 90%;

	position: relative;

	height: auto;

	font-family: "Raleway Regular";

	font-size: 36px;

	color: #1B1B1B;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	top: 70px;

	margin-bottom:10px;

		}









#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;
text-align: left;

	color: #232323;

	font-family: "Raleway Regular";



}

h3{

    text-align:center;

    font-size:20px;

}



input{

	width: 100%;

	height: 35px;

	background-color: #FFF;

	border: 1px solid #2f2f2f;

	border-radius: 5px;

	margin-top: 5px;

	color: #281704;

	font-size: 16px;

	margin-bottom: 10px;

	padding: 5px;

	font-family: "Raleway Regular";

}



input[type=button]{

	background-color: #009933;

	height: 50px;

	font-family: "Raleway Regular";

	font-Weight: bold;

	font-size: 18px;

	color: #ffffff;

	width: 250px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

textarea{

	width: 100%;

	height: 60px;

	margin-top: 5px;

	border-radius: 3px;

	padding: 5px;

	color: #333333;

	font-size: 16px;

	resize: none;

	background-color: #FFF;

	border: 1px solid #2f2f2f;

	border-radius: 20px;

	font-family: "Raleway Regular";



}

span{

    color:red

}

#note{

color:white;

font-Weight:400;

}

#returnmessage{

    font-size:14px;

    color:green;

    text-align:center;

}





.btnmap{

	background-image: url(../img/blackup.png);

	background-position: right;

	background-size: cover;

	background-color: transparent;

	background-repeat: no-repeat;

	height: 60px;

	font-family: "Raleway Regular";

	font-Weight: bold;

	font-size: 12px;

	color: #ffffff;

	width: 100%;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





/*ESTILOS*/

.bannertext{

	font-family: "Raleway Regular";

	font-size: 60px;

	color: #FFF;

	text-shadow: rgba(0,0,0,1) 1px 1px 20px;

	}

.boxupindesctext{

	font-family: "Raleway Regular";

	font-size: 14px;

	color: #FFF;

	text-shadow: rgba(0,0,0,1) 1px 1px 20px;

	}

/*ESTILOS END*/







#calendar{

	visibility:visible;

	display:block;

	}







#copyright{

	width: 100%;

	height: 60px;

	position: relative;

	background-color: #000000;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}



#copyrightin{

  padding-top: 23px;

	width: 100%;

	height: 37px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	text-align: center;

	font-size: 12px;

	text-shadow:#000 1px 1px 10px;

	}

.imgalmacen{

	width: 13%;

	}









@media only screen and (min-width:200px) and (max-width: 1000px){





		.pulsate {

    -webkit-animation: pulsate 3s ease-out;

    -webkit-animation-iteration-count: infinite;

    opacity: 0.5;

	font-size:30px;

}





		#vimeovid{

	width:390px; height:300px;

	}



	.imgalmacen{

	width: 40%;

	}



	#copyright{

	width: 100%;

	height: 60px;

	position: relative;

	background-color: #000;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}





	#h1clase{

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 30px;

	text-shadow: #000 1px 1px 20px;

	}



	#mainbanner{

	height: auto;

	width: 100%;

	background-size: cover;

	position: relative;

	top: 0px;

	background-color: rgba(255,255,255,0.3);

	}



	#mainright{

	width: 50%;

	height: auto;

	position: relative;

	float: right;

	text-align: right;

	margin-right: 5%;

	margin-left: auto;



}





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

    }



    .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: #FFF;

	height: 50px;

	text-shadow: #000 1px 1px 10px;

    }



    .menu a {

        display:block;

    }



    .toggle-nav {

	padding: 15px;

	padding-top: 10px;

	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:rgba(255,255,255,0.3);

    }



    .toggle-nav:hover, .toggle-nav.active {

	text-decoration: none;

	color: #CC3300;

    }



    .search-form {

        margin:12px 0px 0px 20px;

        float:left;

    }



    .search-form input {

        box-shadow:-1px 1px 2px rgba(0,0,0,0.1);

    }

/*MENU TABLET END*/







#banner{

	width: 100%;

	height: 600px;

	position: relative;

	background-attachment: fixed;

	background-color: #09C;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	}



#bannerin{

	width: 80%;

	height: 200px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	font-family: "Raleway Regular";

	text-align: center;

	top: 150px;

	}







#box1{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: left center;

	-webkit-transition: all 1s ease-in-out;

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

	}



#box2{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}

#box3{

	width: 48%;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	background-image: url(../img/foto3.jpg);

	-webkit-transition: all 1s ease-in-out;

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

	}

#box4{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 70px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	opacity: 1;

	transition: opacity 0s ease-out; /* vendorless fallback */

	-o-transition: opacity 0s ease-out; /* opera */

	-ms-transition: opacity 0s ease-out; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0s ease-out; /* Firefox */

	-webkit-transition: opacity 0s ease-out; /*safari and chrome */



	}







#box5{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 90px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	opacity: 1;

	transition: opacity 0s ease-out; /* vendorless fallback */

	-o-transition: opacity 0s ease-out; /* opera */

	-ms-transition: opacity 0s ease-out; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0s ease-out; /* Firefox */

	-webkit-transition: opacity 0s ease-out; /*safari and chrome */



	}







#box6{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 110px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	opacity: 1;

	transition: opacity 0s ease-out; /* vendorless fallback */

	-o-transition: opacity 0s ease-out; /* opera */

	-ms-transition: opacity 0s ease-out; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0s ease-out; /* Firefox */

	-webkit-transition: opacity 0s ease-out; /*safari and chrome */



	}



#boxup{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	}

#boxupin{

	width: 85%;

	height: 100px;

	top: 40px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 25px;

	text-shadow: #000 1px 1px 20px;

	}





/*BOX HOVER*/



#box1:hover{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: 200%;

	background-position: center center;

	}



#box2:hover{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 50px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: 200%;

	background-position: left center;

	}

#box3:hover{

	width: 48%;

	height: 300px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: 200%;

	background-position: left center;

	background-image: url(../img/foto3.jpg);



	}

#box4:hover{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 70px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: left center;

	opacity: 1;

	transition: opacity 0.5s ease-in; /* vendorless fallback */

	-o-transition: opacity 0.5s ease-in; /* opera */

	-ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0.5s ease-in; /* Firefox */

	-webkit-transition: opacity 0.5s ease-in; /*safari and chrome */

	}



#box5:hover{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 90px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: left center;

	opacity: 1;

	transition: opacity 0.5s ease-in; /* vendorless fallback */

	-o-transition: opacity 0.5s ease-in; /* opera */

	-ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0.5s ease-in; /* Firefox */

	-webkit-transition: opacity 0.5s ease-in; /*safari and chrome */

	}





	#box6:hover{

	width: 90%;

	height: 300px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 110px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: none;

	font-size: 24px;

	background-size: cover;

	background-position: left center;

	opacity: 1;

	transition: opacity 0.5s ease-in; /* vendorless fallback */

	-o-transition: opacity 0.5s ease-in; /* opera */

	-ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */

	-moz-transition: opacity  0.5s ease-in; /* Firefox */

	-webkit-transition: opacity 0.5s ease-in; /*safari and chrome */

	}





#boxup:hover{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	}

#boxupin:hover{

	width: 75%;

	height: 100px;

	top: 40px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}

/*BOX HOVER END*/





















#serviciocliente{

	width: 100%;

	height: 1000px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}



#servicioclientein{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#servicioclienteinleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#servicioclienteinleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#servicioclienteinright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#servicioclienteinleft2{

	width: 100%;

	height: 300px;

	position: relative;

	float: none;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-position: left bottom;

	background-repeat: no-repeat;

	z-index: 600;

	}

#servicioclienteinleft2in{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: right;

	font-size: 23px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	}



#servicioclienteinright2{

	width: 100%;

	height: 550px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;



	}

#servicioclienteinright2in{

	width: 90%;

	height: auto;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 16px;

	margin-right: auto;

	margin-left: auto;

	}









/*END*/































#promociones{

	width: 100%;

	height: 500px;

	position: relative;

	background-color: #FFF;

	}









#nosotros{

	width: 100%;

	height: 850px;

	position: relative;

	background-color: #FFF;

	background-image: url(../img/plaza_rio_la_mejor_manzana_de_tijuana_swipe1.jpg);

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-repeat: no-repeat;

	}



#nosotrosin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}















#services{

	width: 100%;

	height: 850px;

	position: relative;

	background-color: #FFF;

	background-image: url(../img/plaza_rio_la_mejor_manzana_de_tijuana_swipe1.jpg);

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-repeat: no-repeat;

	}



#servicios{

	width: 100%;

	position: relative;

	background-color: #FFF;

	background-image: url(../img/plaza_rio_la_mejor_manzana_de_tijuana_swipe1.jpg);

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-attachment: fixed;

	background-repeat: no-repeat;

	}





#servicesin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}













#mas{

	width: 100%;

	height: 700px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	}



#masin{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	text-shadow: #000 1px 1px 20px;

	}



#masinleft{

	width: 100%;

	height: 500px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: left center;

	background-image: url(../img/cebollas.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	}

#masinleftin{

	width: 90%;

	height: 400px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 24px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: right center;

	background-image: none;

	margin-right: auto;

	margin-left: auto;

	}



#masinright{

	width: 90%;

	height: 340px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	float: none;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 16px;

	}





















#masinleft2{

	width: 100%;

	height: 350px;

	position: relative;

	float: none;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-position: center center;

	}

#masinleft2in{

	width: 90%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 25px;

	background-size: cover;

	background-image: none;

	text-shadow: #000 1px 1px 20px;

	background-position: left center;

	margin-right: auto;

	margin-left: auto;

	}



#masinright2{

	width: 100%;

	height: 350px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 18px;

	background-attachment: fixed;

	background-size: cover;

	margin-right: auto;

	margin-left: auto;

	z-index: 800;



	}

#masinright2in{

	width: 95%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 16px;

	margin-right: auto;

	margin-left: auto;

	}





































	/*TIENDAS*/

#tiendas{

	width: 100%;

	height: 3400px;

	position: relative;

	background-color: #0D0D0D;

	z-index: 600;

	background-position: center center;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-size: cover;

	}





	#restaurantesin{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 100px;



	}



		#entretenimientoin{

	width: 90%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 600;

	float: none;

	text-align: center;

	top: 100px;



	}















#boxtienda1{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	margin-top:20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: left center;

	-webkit-transition: all 1s ease-in-out;

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

	}



#boxtienda2{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	margin-top: 20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}





#boxtienda3{

	width: 200px;

	height: 200px;

	   border-radius:200px;

 margin-top:20px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;

	background-image: url(../img/foto3.jpg);

	-webkit-transition: all 1s ease-in-out;

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

	}

#boxtienda4{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	margin-top: 20px;

	border-radius: 200px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}



#boxtienda5{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

   border-radius:200px;

 margin-top:20px;

	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}









#boxtienda8{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top:20px;



	}







#boxtienda9{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}







#boxtienda10{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	margin-top:20px;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

   border-radius:200px;



	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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

	}











#boxtienda11{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	margin-top:20px;

   border-radius:200px;





	background-size: cover;

	background-position: center center;

	-webkit-transition: all 1s ease-in-out;

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





	}





#boxtienda12{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 2%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}













#boxtienda13{

	width: 200px;

	height: 200px;

	position: relative;

	margin-left: 1%;

	margin-right: 1%;

	top: 30px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	border-radius: 200px;

	background-size: cover;

	background-position: right center;

	-webkit-transition: all 1s ease-in-out;

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

	margin-top: 20px;



	}









	#boxtiendaup{

	width: 100%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #666;

	float: left;

	font-size: 24px;

	background-size: cover;

	background-position: center center;





	}





#boxtiendaupin{

	width: 88%;

	height: 100px;

	top: 15px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	text-align: center;

	font-size: 20px;

	text-shadow: #000 1px 1px 20px;

	}











#boxtiendaupin2{

	width: 82%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #fff;

	float: none;

	border-radius: 5px;

	text-align: center;

	font-size: 18px;

	text-shadow: #000 1px 1px 20px;

	background: rgba(0,0,0,0);

	top: 5px;

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;







	}





/*TIENDAS END*/





























#mision{

	width: 100%;

	height: 700px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	background-image: url(../img/cebolla-3.jpg);

	background-size: cover;

	background-position: center center;

	background-attachment: fixed;

	}



#misionin{

	width: 80%;

	height: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 24px;

	text-shadow: #000 1px 1px 20px;

	background-color: rgba(51,51,51,0.8);

	padding-right: 3%;

	padding-left: 3%;

	border-radius: 20px;

	}









#ubicacion{

	width: 100%;

	height: auto;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	}



#ubicacioninleft{

	width: 100%;

	height: 330px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 24px;

	background-size: cover;

	background: rgba(0,0,0,1);

	text-shadow: #000 1px 1px 20px;

	background-position: right top;

	background-attachment: fixed;

	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;

	top: 0px;

	left: 0px;

	}





#ubicacioninleftin{

	width: 100%;

	height: auto;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 24px;

	margin-right: auto;

	margin-left: auto;

	}





#divin1{

	width: 39%;

	height: auto;

	position: relative;

	margin-left: 3%;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	font-size: 16px;

	text-shadow: #000 1px 1px 20px;

	background-color: rgba(51,51,51,0.8);

	padding-right: 3%;

	padding-left: 3%;

	border-radius: 18px;

	float: left;

	background-image: url(../img/sky2.jpg);

	background-size: cover;

	background-attachment: fixed;

	background-position: center top;

	box-shadow: #000 1px 2px 50px;

	}







#contacto{

	width: 100%;

	height: 1200px;

	position: relative;

	background-color: white;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	}

#contactoin2{

	width: 100%;

	height: 1200px;

	position: relative;

	background-color: white;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	}


#contactorightin{

	width: 90%;

	height: 300px;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: black;

	float: none;

	font-size: 20px;

	margin-right: auto;

	margin-left: auto;
margin-top: 50px;

	top: 120px;

	background: white;

	}



#contactolefttin{

	width: 90%;

	height: 300px;

	position: relative;

	text-align: left;

	font-family: "Raleway Regular";

	color: black;

	float: none;

	font-size: 20px;

	margin-right: auto;

	margin-left: auto;

	top: 120px;

	background: white;

	}







/*Start*/





#historia{

	width: 100%;

	height: 750px;

	position: relative;

	background-color: #FFF;

	background-position: center center;

	font-family: "Raleway Regular";

	color: #FFF;

	z-index: 600;

	}



#historiain{

	width: 80%;

	height: 250px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	top: 100px;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	z-index:600;

	text-shadow: #000 1px 1px 20px;

	}



#historiainleft{

	width: 52%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 30px;

	background-attachment: fixed;

	text-shadow: #000 1px 1px 20px;

	background-position: right bottom;

	background-image: url(../img/cebolla7.jpg);

	background-size: cover;

	z-index:600;

	background-repeat: no-repeat;

	}

#historiainleftin{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: left;

	font-size: 24px;

	background-size:cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	z-index:600;

	background-position: right center;

	}



#historiainright{

	width: 39%;

	height: 100%;

	position: relative;

	margin-left: 1%;

	margin-right: 2%;

	float: right;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	padding-right: 3%;

	padding-left: 3%;

	}





















#historiainleft2{

	width: 100%;

	height: 300px;

	position: relative;

	float: none;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-image: url(../img/parking.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	z-index: 600;

	margin-right: auto;

	margin-left: auto;

	}

#historiainleft2in{

	width: 95%;

	height: 300px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 18px;

	background-size: cover;

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	margin-right: auto;

	margin-left: auto;

	}



#historiainright2{

	width: 100%;

	height: 600px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	margin-right: auto;

	margin-left: auto;

	z-index: 1000;



	}

#historiainright2in{

	width: 95%;

	height: 500px;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 18px;

	margin-right: auto;

	margin-left: auto;

	top: 50px;

	}



























#estacionamientoinleft2{

	width: 100%;

	height: 100%;

	position: relative;

	float: none;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	background-image: url(../img/parking.jpg);

	background-position: center center;

	background-repeat: no-repeat;

	z-index: 600;

	}

#estacionamientoinleft2in{

	width: 95%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #FFF;

	float: none;

	font-size: 18px;

	background-size: cover;

	background-image: url(../img/bgwhiteright.png);

	text-shadow: #000 1px 1px 20px;

	background-position: center center;

	margin-right: auto;

	margin-left: auto;

	}



#estacionamientoinright2{

	width: 100%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 24px;

	background-attachment: fixed;

	background-size: cover;

	margin-right: auto;

	margin-left: auto;



	}

#estacionamientoinright2in{

	width: 90%;

	height: 100%;

	position: relative;

	text-align: center;

	font-family: "Raleway Regular";

	color: #333;

	float: none;

	font-size: 24px;

	margin-right: auto;

	margin-left: auto;

	}





















/*END*/

















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

	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: #3399CC;

	height: 50px;

	font-family: "Raleway Regular";

	font-Weight: bold;

	font-size: 18px;

	color: #ffffff;

	width: 250px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

textarea{

	width: 100%;

	height: 60px;

	margin-top: 5px;

	border-radius: 3px;

	padding: 5px;

	color: #333333;

	font-size: 16px;

	resize: none;

	background-color: transparent;

	border: 1px solid #2f2f2f;

	border-radius: 20px;

	font-family: "Raleway Regular";



}

span{

    color:red

}

#note{

color:white;

font-Weight:400;

}

#returnmessage{

    font-size:14px;

    color:green;

    text-align:center;

}





.btnmap{

	background-image: url(../img/blackup.png);

	background-position: right;

	background-size: cover;

	background-color: transparent;

	background-repeat: no-repeat;

	height: 80px;

	font-family: "Raleway Regular";

	font-Weight: bold;

	font-size: 13px;

	color: #ffffff;

	width: 100%;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}







#calendar{

	visibility:hidden;

	display:none;

	}





/*ESTILOS*/

.bannertext{

	font-family: "Raleway Regular";

	font-size: 30px;

	color: #FFF;

	text-shadow: rgba(0,0,0,1) 1px 1px 20px;

	}





.boxupindesctext{

	font-family: "Raleway Regular";

	font-size: 14px;

	color: #FFF;

	text-shadow: rgba(0,0,0,1) 1px 1px 20px;

	}

/*ESTILOS END*/



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;

	}





}