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

*{
	margin: 0px;
	max-width: 1920px;
	text-decoration: none;
}
a:link{
	color: white;
}
a:hover{
	color: white;
}
a:visited{
	color: white;
}
@font-face{
	font-family: "Segoe UI";
	src: local("Segoe UI");
}
.contenedor{
	width: 100%;
	height: auto;
}
header{
	position: relative;
	left: 12vw;
	width: 88vw;
	height: 20vh;
	background: #5696A7;
}
.divhead{
	position: absolute;
	top: 4vh;
	left: 8.5vw;
	width: 70vw;
	height: 12vh;
	background-color: white;
	text-align: center;
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 2vw;
}
aside{
	position: fixed;
	width: 12vw;
	height: 100vh;
	background: #5696A7;
	top: 0px;
}
.logo{
	width: 8vw;
	margin-top: 2vh;
}
.logo1{
	width: 11vw;
	margin-top: 2vh;
}
.menutable{
	width: 12vw;
}
.menutitle{
	font-size: 1.5vw;
	padding-top: 5vh;
	padding-bottom: 4vh;
	color: white;
	font-family: "Segoe UI";
	font-weight: bold;
}
.menucontent{
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 1.1vw;
	padding-top: 2vh;
	padding-left: 2vw;
}
.sec1{
	position: relative;
	top: 0px;
	left: 12vw;
	width: 87.6vw;
	height: 79vh;	
}
.imgmain1{
	position: absolute;
	top: 4vh;
	left: 8.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain2{
	position: absolute;
	top: 4vh;
	left: 26.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain3{
	position: absolute;
	top: 4vh;
	left: 44.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain4{
	position: absolute;
	top: 4vh;
	left: 62.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain5{
	position: absolute;
	top: 41vh;
	left: 8.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain6{
	position: absolute;
	top: 41vh;
	left: 26.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain7{
	position: absolute;
	top: 41vh;
	left: 44.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain8{
	position: absolute;
	top: 41vh;
	left: 62.5vw;
	width: 15vw;
	height:35vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain11{
	position: absolute;
	top: 4vh;
	left: 8.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain12{
	position: absolute;
	top: 4vh;
	left: 26.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain13{
	position: absolute;
	top: 4vh;
	left: 44.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain14{
	position: absolute;
	top: 4vh;
	left: 62.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain15{
	position: absolute;
	top: 80vh;
	left: 8.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain16{
	position: absolute;
	top: 80vh;
	left: 26.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain17{
	position: absolute;
	top: 80vh;
	left: 44.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.imgmain18{
	position: absolute;
	top:80vh;
	left: 62.5vw;
	width: 15vw;
	height:70vh;
	box-shadow: 6px 6px 10px 1px grey;
	overflow: hidden;
}
.cap{
	position: absolute;
	bottom: 0px;
	width: 15vw;;
	height: 7vh;
	background-color: black;
	opacity: .6;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-top: .5vh;
	font-size: 1vw;
}
.cap1{
	position: absolute;
	bottom: 0px;
	width: 15vw;;
	height: 35vh;
	background-color: black;
	opacity: .6;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-top: .5vh;
	font-size: 1vw;
}
.img{
	width: 15vw;
	height: 35vh;
	transition: width 1.3s, height 1.3s, transform 1.3s;
}
.img:hover /*.img*/ {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.barra{
	position: absolute;
	top: 40vh;
	left: 8.5vw;
	width: 70vw;
}
.services{
	position: absolute;
	top: 11vh;
	left: 25vw;
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 1.5vw;
	padding-top: 2vh;
	padding-left: 2vw;
}
.ventas{
	position: absolute;
	top: 40vh;
	left: 5vw;
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 1.5vw;
	padding-top: 2vh;
	padding-left: 2vw;
}
.mapa{
	position: absolute;
	top:5vh;
	left: 2.5vw;
	border: solid;
	width: 82vw;
	height: 60vh;
}
.pie{
	position: absolute;
	top:67vh;
	left: 2.5vw;
	background: #5696A7;
	width: 82vw;
	height: 8vh;
	color: white;
	font-family: "Segoe UI";
	font-weight: bold;
	text-align: center;
	padding-top: 2vh;
	font-size: 1.3vw;
}