@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
p {
	margin-bottom: 40px;
	font-size: 16px;
}
.wrapper {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 100%; margin:0 auto; overflow:hidden;
}
header {
	background:#666666; width:100%; position: fixed; z-index:10;
}

nav {
	float: right;
}
nav ul {
	list-style:none; overflow:hidden;
}
nav ul li {
	float: left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px;
}
nav2 {
	float: left;
}
nav2 ul li2 {
	float: left; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px;
}
nav ul li a {
	display:block; padding:10px; color:#FFFFFF; text-decoration:none;
}
nav ul li:hover {
	background:#218ECC;
}
.contenido {
	padding-top: 12%;
	font: "Trebuchet MS";
	font-size: 24px;
	color: #FFFFFF;
	background: #218ECC;
	width: 100%;
	margin: auto;
}
.wrapper2 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 80%; margin:0 auto; overflow:hidden;	color: #FFFFFF; text-align:justify;
}
.main {
	padding-top: 10%; font: "Trebuchet MS"; font-size: 24px; background:#FFFFFF; color: #666666;
}
.wrapper3 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 80%; margin:0 auto; overflow:hidden; color: #666666; text-align: justify;
}
.main2 {
	padding-top: 10%;
	font: "Trebuchet MS";
	font-size: 20px;
	background: #FFFFFF;
	color: #FFFFFF;
}
.wrapper4 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 80%; margin:0 auto; overflow:hidden; color: #FFFFFF; text-align: center; margin-left: 20%;
}
.wrapper5 {
	font: "Trebuchet MS"; width: 80%; margin:0 auto; overflow:hidden; color: #FFFFFF; font-size:16px;
}
.wrapper6 {
	font: "Trebuchet MS"; width: 80%; margin:0 auto; overflow:hidden; color: #FFFFFF; text-align:center; font-size:16px;
}
.wrapper7 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width: 90%; margin:0 auto; overflow:hidden;	color: #FFFFFF; text-align: left;
}
p1 {
	color:#000000;
	text-align:center;
	font-size:16px;
}
p2 {
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
p3 {
	color: #FFFFFF;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
}
p4 {
	color:#FFFFFF;
	text-align:justify;
	font-size:24px;
}
p5 {
	color:#FFFFFF;
	text-align:center;
	font-size:24px;
}
#contenedor {
	text-align:left;
	width: 100%;
	margin: auto;
}
#lateral {
	width:55%;
	background: #FFFFFF;
	float:left
}
#principal {
	margin-left:55%;
	background-color:#FFFFFF;
}
#contenedor2 {
	text-align: center;
	width: 100%;
	margin: auto;
}
#lateral2 {
	width:33%;
	background: #218ECC;
	float:left;
}
#otrolado {
	width: 33%;
	background-color:#218ECC;
	float:right;
}
#principal2 {
	margin-left:33%;
	width: 33%;
	background-color:#218ECC;
	margin-right:34%;
}
.mapa {
	padding-top: 0%;
	font: "Trebuchet MS";
	font-size: 24px;
	color: #FFFFFF;
	background: #218ECC;
	width: 100%;
	margin: auto;
}
.industrias {
	padding-top: 0%;
	font: "Trebuchet MS";
	font-size: 24px;
	color: #FFFFFF;
	background: #218ECC;
	width: 100%;
	margin: auto;
}
.slider {
	padding-top: 0%;
	font: "Trebuchet MS";
	font-size: 24px;
	color: #218ECC;
	background: #FFFFFF;
	width: 100%;
}
.embed-container {
    position: relative;
    padding-top: 18%;
	padding-bottom: 42%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
}
a.boton {
border: 2px #666666 solid;
padding: 15px 20px 10px 20px;
background-color: #666666;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 15px;
}
a.boton:hover {
box-shadow: 0px 0px 5px 0px #000000;
}
a.boton:active {
background-color: #7C7C7C;
box-shadow: 0px 0px 10px 0px #000000;
}
@media screen and (max-width: 1024px) {
	.embed-container iframe {
		display: none;
	}
	.embed-container {
		display: none;
	}
	.wrapper nav2 ul li2 {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.contenido {
		padding-top: 32%;
	}
	#lateral2 {
		width: 100%;
	}
	#otrolado {
		width: 100%;
	}
	#principal2 {
		width: 100%;
		margin:auto;
	}
}
@media screen and (max-width: 600px) {
	#lateral {
		width: 100%;
	}
	#principal {
		margin-left: 0%;
	}
}