body {
	margin: 0px auto;
	background-image: url(../imagenes/back_ground_prep.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size:100%;
	background-position:center;	
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

* {
	margin:0px;
	padding:0px;
	border: none;
}
h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:bold;
	margin:0px auto;
	display:block;
	text-align:center;
	font-size:2em;
	color: #3A454A;
}
.header {
	display:block;
	width:100%;
	height:100px;
	background-image: url(../imagenes/logos_ieem.png);
	background-repeat: no-repeat;
	background-position: center  bottom;
	background-position: auto 100%;
	margin: 5% auto 7% auto;
}
.header_2 {
	display:block;
	width:100%;
	height:130px;
	background-image: url(../imagenes/logos_ieem.png);
	background-repeat: no-repeat;
	background-position: center  bottom;
	background-position: auto 100%;
	margin: 1% auto 3% auto;
}
ul.navy {
	display:block;
	width:100%;
	margin:0px auto;
}
ul.navy li{
	display:block;
	width:25%;
	text-align:center;
	margin:5% auto;
}

ul.navy li a{
	display:block;
	padding:5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-decoration:none;
	border: 2px solid #9D41EF;
	color: #fff;
	border-radius: 2px;
	background-image:url(../imagenes/background_degraded.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}
ul.navy li a:hover{
	text-decoration: underline;
	border: 2px solid #EA3284;
}
ul.navy_2 {
	display:block;
	margin:25px auto 8% auto;
	text-align:center;
	max-width:960px;
	
}
ul.navy_2 li{
	display:block;
	width:300px;
	margin:25px auto;
	float:left;
	text-align:center;
}

div.ieem-prep{
	display:block;
	width:50%;
	margin:0px 25% 5% 25%;
	text-align:center;
}

div.ieem-prep a{
	display:block;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-decoration:none;
	border:none;
	color: #fff;
	border-radius: 2px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
}
ul.navy_2 li.ieem-prep a:hover{
	text-decoration: underline;
	border: none;
}
ul.navy_2 li a{
	display:block;
	text-align:center;
}
div#pie {
	display:block;
	width:100%;
	clear:both;
	text-align:center;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.7em;
	position:absolute;
	bottom:5%;
}
div#pie_2 {
	display:block;
	width:100%;
	clear:both;
	text-align:center;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.7em;
}
.clear {
	clear:both;
}

@media only screen and (max-device-width: 480px) {
		ul.navy_2 li{
		display:block;
		width:100%;
		margin:1.5em auto;
		float:none;
		text-align:center;
                
	}
ul.navy_2 li img{
		width:60%;
                
	}
body {
	background-image: none;
                background-color:#CCC;
font-size:2em;
}
.header , .header_2  {
	display:block;
	height:200px;
	background-size: auto 100%;
	margin: 15% auto 15% auto;
}
div.ieem-prep{
	display:block;
	width:100%;
	margin:20% auto;

	text-align:center;
}
div.ieem-prep img{
width:60%;
}

ul.navy li{
	width:60%;
	margin:5% auto;
}

ul.navy li a{
	padding:5%;
	font-size:1.2em;
}

}
@media only screen and (max-width : 960px) and (min-width : 481px){
		ul.navy_2 li{
		display:block;
		width:50%;
		margin:25px auto;
		float:left;
		text-align:center;
	}
}