@charset "utf-8";
/* CSS Document */


/* font-family: 'Roboto Slab', serif; */

body{


	
}

#contenedor {
	width:100%;	
	margin: 0 auto;
	overflow:hidden;
	
}

#header {
	width:100%;
	max-width:1400px;
	margin: 0 auto;
	height:auto;
	

}

#logo {
	width: 20%;
	height:auto;
	padding:20px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	float:left;
}
#logo img {
	width:100%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	

}

#espacioLogoRedes {
	width:70%;
	height:auto;
	padding:20px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	float:left;
}

#redes {
	width:10%;
	height:auto;
	padding-top:1.5em;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	float:left;
}

#redes img {
	width:40%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	float:left;

}



#slide {
	width:100%;
	height:auto;


}

#slideDos {
	width:100%;
	height:400px;
	margin-top:5px;
	border-bottom:rgba(153,209,5,1.00) solid 2px;
	border-top:rgba(153,209,5,1.00) solid 1px;
	background:url(../img/img-dos-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

#slideGaleria {
	width:100%;
	height:400px;
	margin-top:5px;
	border-bottom:rgba(153,209,5,1.00) solid 2px;
	border-top:rgba(153,209,5,1.00) solid 1px;
	background:url(../img/img-galeria-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

#slideTres {
	width:100%;
	height:400px;
	margin-top:5px;
	border-bottom:rgba(129,56,0,1.00) solid 0px;
	border-top:rgba(129,56,0,1.00) solid 0px;
	background:url(../img/img-tres-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

#slideServicios {
	width:100%;
	height:400px;
	margin-top:5px;
	border-bottom:rgba(129,56,0,1.00) solid 0px;
	border-top:rgba(129,56,0,1.00) solid 0px;
	background:url(../img/img-servicios-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

#slideTarimas {
	width:100%;
	height:400px;
	margin-top:5px;
	border-bottom:rgba(129,56,0,1.00) solid 0px;
	border-top:rgba(129,56,0,1.00) solid 0px;
	background:url(../img/img-tarimas-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}


#contacto {
	width:100%;
	height:auto;
	margin-top:5px;
	border-bottom:rgba(153,209,5,1.00) solid 0px;
	border-top:rgba(153,209,5,1.00) solid 0px;
	background:url(../img/contactoimg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}


#slide img {
	width:100%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
section {
	width:100%;
	height:auto;	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}

#info {
	
	width: 60%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:inline-block;
	vertical-align:top;
	

}

#banner {
	width:39%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:inline-block;
	vertical-align:top;

}

#banner img {
	width:100%;
	height:auto;
	margin-top:20px;
	border:rgba(193,193,193,1.00) solid 1px;

}

video {
  width: 100%    !important;
  height: auto   !important;
}



/* ACERCA DE NOSOTROS */

#cajaNosotros {
	width:100%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#nosotrosImg {
	width: 40%;
	margin:0.5% 1% 0.5% 1%;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:5px;
}

#nosotrosImg img {
	width:100%;
	height:auto;
}

#infoNosotros {
	width: 55%;
	margin:0.5% 1% 0.5% 1%;
	height:auto;
	border-left:rgba(232,232,232,1.00) solid 1px;
	display:inline-block;
	vertical-align:middle;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding:20px;
}
	

#productosIndex {
	width:32.8%;
	margin:0.1%;
	vertical-align:top;
	padding:0.5em;
	display:inline-block;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	color:rgba(66,64,60,1.00);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#productosIndex:hover {
	color: rgba(5,34,255,1.00);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#productosIndex img {
	width:50%;
	left:50%;
	margin-left:25%;
	height:auto;
	
}


#tiposSoportes {
	width: 100%;
	height:auto;

}

#tipo {
	width: 18%;
	float: left;
	padding: 5px;
	margin: 1% 1%;
	border: rgba(10,100,241,1.00) 1px solid;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
	cursor: pointer;
}

#tipo:hover {
	background-color: rgba(10,93,241,1.00);
	border: #FFFFFF solid 1px;
}

#tipo img {
	width:100%;
	height:auto;
}

#tipo img:hover {
	
	
}

#tipoNosotros {
	width:47%;
	display:inline-block;
	vertical-align:top;
	padding:20px;
	margin:2% 1%;
	border:#ff0000 solid 1px;
	background-color:#FFFFFF;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
}

#tipoServicios {
	width: 31%;
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	margin: 2% 1%;
	border-bottom: 1px solid rgba(93,148,247,1.00);
	border-left: 1px solid rgba(93,148,247,1.00);
	border-right: 1px solid rgba(93,148,247,1.00);
	border-top: 10px solid rgba(93,148,247,1.00);
	background-color: #FFFFFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#tipoServicios:hover {

	border-bottom:#FFFFFF solid 0px;
	border-left:#FFFFFF solid 0px;
	border-right:#FFFFFF solid 0px;
	border-top:rgba(5,34,255,1.00) solid 20px;

}

#tipoServicios img {
	width:100%;
	height:auto;
}


#tipoTarimas {
	width:22.7%;
	display:inline-block;
	vertical-align:top;
	padding:20px;
	margin:0.5% 1%;
	border-bottom:#ff0000 solid 1px;
	border-left:#ff0000 solid 1px;
	border-right:#ff0000 solid 1px;
	border-top:#ff0000 solid 10px;
	background-color:#FFFFFF;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#tipoTarimas:hover {
	border-bottom:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#FFFFFF solid 1px;
	border-top:rgba(5,34,255,1.00) solid 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;

}

#tipoTarimas a img {
	margin-top:10px;
	width:100%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
}

#tipoTarimas a img:hover {
	margin-top:10px;
	width:100%;
	height:auto;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
}

#Bienvenidos {
	width:97%;
	display:inline-block;
	vertical-align:top;
	padding:20px;
	margin:2% 1%;
	border:#ff0000 solid 1px;
	background-color:#FFFFFF;	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-ms-transition: border 0.3s ease-in-out;
	-o-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
}

#Bienvenidos img {
	width:50%;
	height:auto;
	margin-left:25%;
}

#suscribete {

	padding:2%;
	width:100%;
	height:auto;
	border:rgba(231,231,231,1.00) solid 1px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color:#FFF;
}

#botonesLat ul li a {
	
	width: 2%;
	height: 2%;
	position: fixed;
	top: 95%;
	left:96%;
	bottom: auto;

	}

	#botonesLat img {
	width: 100%;
	height: auto;


	}

	
	

@media screen and (max-width:1440px) {
	
	#botonesLat ul li a {
	width: 3%;
	height: 3%;
	position: fixed;
	top: 92%;
	left:94%;


	}

	#botonesLat ul li a img {
	width: 100%;
	height: auto;


	}


}

@media screen and (max-width:1000px) {
	
		#tipoNosotros {
		width:98%;

	}
	
		#nosotrosImg {
		width: 41%;

	}
	

	
	#infoNosotros {
		width: 50%;

	}
	
	#tipoServicios {
	width:85%;
	padding:30px;
	margin:2% 7.5%;

	}
	
	#tipoTarimas {
	width:47%;
	
	}
	

}

@media screen and (max-width:800px) {
	
	#contenedor {
		width:100%;

	}
	
	
	#redes {
		width:20%;
		
	}
	#logo {
		width:30%;
	}
	
	#espacioLogoRedes {
		width:50%;
	}
	
	#info {
	
	width: 100%;
	padding:5px;
	

	}
	
	#banner {
		width:100%;
	
	}
	
	#productosIndex {
		width:100%;
		margin:0;
		padding:1em;
	
	}
	
	#tipo {
	width:48%;

	}
	
	#botonesLat ul li a {
	width: 5%;
	height: 5%;
	position: fixed;
	top: 93%;
	left:93%;
	bottom: auto;

	}

	#botonesLat img {
	width: 100%;
	height: auto;


	}
	
	
	
}	


@media screen and (max-width:400px) {
	
	#contenedor {
		width:100%;

	}
	
	#redes {
		display:none;
		
	}
	#logo {
		width:100%;
	}
	
	#espacioLogoRedes {
		width:100%;
		
	}
	
	#productosIndex {
		width:100%;
		margin:0;
		padding:1em;
	}
	
	#tipo {
		width:80%;
		float:left;
		padding:5px;
		margin: 2% 10%;
	}
	
	
	#tipoNosotros {
		width:97%;

	}
	
		#nosotrosImg {
		width: 100%;

	}
	

	
	#infoNosotros {
		width: 100%;

	}
	


	#slideDos {

	height:200px;


	}

	#slideTres {

	height:200px;


	}
	
	#slideServicios {

	height:200px;


	}
	
	#botonesLat ul li a {
	width: 8%;
	height: 8%;
	position: fixed;
	top: 90%;
	left:85%;
	bottom: auto;

	}

	#botonesLat img {
	width: 100%;
	height: auto;


	}
	
	#tipoServicios {
	width:90%;
	padding:10px;
	margin:2% 5%;

	}
	
	#tipoTarimas {
	width:90%;
	margin:2% 5%;
	
	}
	
}