*{
	margin:0px;
	padding:0px;
}

body{
	background:#EEEEEE;
	background-repeat: no-repeat;
	background-size: 100%;
}



/*--header---*/

#logotipo {
	position:relative;
	margin:10px 10% 10px 15%;
	padding-left:6%;
}

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

.intromenu {
	margin:auto;
	width:50%;
	font-family:arial, helvetica, sans-serif;
}

ul, ol {
	list-style:none;
}

.intromenu li a {
	background-color:#ED0387;
	color:#fff;
	text-decoration:none;
	padding:5% 10%;
	width:150px;
	display:block;
	border-radius:5px;
}

.intromenu :hover{
	background:#2F2B82;
	border-radius:5px;
}

.intromenu > li {
	float:left;
}

.intromenu li ul {
	display:none;
	position:absolute;
}

.intromenu li:hover >ul {
	display:block;
}

/*-Menu inicio-*/

.boton {
	background:#ED0387;
	color:#fff;
	display:inline-block;
	font-size:1.25em;
	margin:1% 44% 0%;
	padding:10px 0px;
	text-align:center;
	width:12%;
	text-decoration:none;
	border-radius:8px;
	box-shadow:0px 3px 2px #57003b;
	font-family:helvetica;
	font-weight:bold;
	float:left;
}

.boton :hover {
	background-color:#ED0387;
	box-shadow:0px 0px 0px;
	padding-top:7px;
}

#text {
	margin:5% auto;
	font-family:helvetica;
	text-align:center;
	font-size:20px;
	width:300px;
	height:150px;
	font-style:bold;
	color:#31328b;
	font-weight:bold;
	padding-bottom:1%;
}

/*--slider--*/

#slider {
	margin:5px 18%;
	width:860px;
	height:363px;
	float:left;
	background:url(img/Principal1.png);
	background-size:860px;
	background-repeat:no-repeat;
	animation:slide 20s;
	-moz-animation:slide 20s;
	-webkit-animation:slide 20s;
	-o-animation:slide 20s;
	-webkit-animation-iteration-count:infinite;
}

@keyframe slide {
0%   {background: url(img/Principal1.png) no-repeat center;}
25%  {background: url(img/Banner-Mundial1.png) no-repeat center;}
}

@-webkit-keyframes slide /* Safari and Chrome */
{
0%   {background: url(img/Principal1.png) no-repeat center;}
25%  {background: url(img/Banner-Mundial1.png) no-repeat center;}
}

.pie {
	font-family:helvetica;
	font-size:12px;
	position:absolute;
	margin:2% 35%;
}

/*--Que Hacemos--*/

.conthacemos {
	width:80%;
	padding:1% 15%;
	font-family:helvetica;
	color:#2F2B82;
	float:left;
}

.part1 {
	width:20%;
	padding:2% 5%;
	float:left;
}

.part2 {
	width:20%;
	padding:2% 5%;
	float:left;
}

.part3 {
	width:20%;
	padding:2% 5%;
	float:left;
}