body{
	
	margin: 0;
	background-color: lightgray;
} 

.page{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 3%;
	padding-bottom: 2%;
	
}

.insidepage{

	-webkit-box-shadow: 0px 0px 30px 4px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 30px 4px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 30px 4px rgba(50, 50, 50, 1);
}

.header{
	background-repeat: no-repeat;
	background-image: url('Img/HeaderCSS.png');
	background-size: 100% 200px;
	width: 100%;
	height: 200px;
}

.body{

	width: 100%;
	height: 1225px;
	background-color: white;
}

.bodyVision{

	width: 100%;
	height: 675px;
	background-color: white;
}

.bodyHistory{

	width: 100%;
	height: 1125px;
	background-color: white;
}

.bodyContact{

	width: 100%;
	height: 1000px;
	background-color: white;
}

.bodyEvent{

	width: 100%;
	height: 750px;
	background-color: white;
}

.footer{

	background-size: 100% 200px;
	background-image: url('Img/footer_Css.png');
	height: 200px;
	width: 100%;
}

h1{

	font-size: 65px;
	font-style: bold;
	font-family: 'Open Sans', sans-serif;
	color: orange;
	margin-top: 2%; 
	margin-bottom: 0; 
}

h2{
	margin: 0;
	color: black;
	font-style: oblique;
	font-family: 'Open Sans', sans-serif;
}

h3{
	color: white;
	font-size: 24px;
	font-style: oblique;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

h4{
	color: white;
	font-style: oblique;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

h5{
	margin: 0;
	font-style: oblique;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}

a{

	font-family: 'Open Sans', sans-serif;
	color: orange;
	font-size: 14px;
	text-decoration: none;
}

p{

	font-family: 'Open Sans', sans-serif;
	color: dimgray;
	font-size: 16px;
}

.logo{

	vertical-align:top;
	display:inline-block;
	padding-top: 6%;
}

.logo1{

	-webkit-box-shadow: 0px 0px 30px 4px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 30px 4px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 30px 4px rgba(50, 50, 50, 1);
	border-style: double;
	border-color: white;
}

.backicons{

	vertical-align:top;
	display:inline-block;
	padding-left: 2%;
	padding-top: 1%;
}

.info{

	vertical-align:top;
	display:inline-block;
	padding-left: 1%;
	padding-right: 16%;
	padding-top: 1%;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;

}

.welcome{

	padding-left: 5%;
	padding-right: 5%;
}

.meeting{

	background-size: 100%;
	height: 200px;
	width: 100%;
	
}

.izq{
	float: left;
    width: 250px;
    height: 75px;
    padding-left: 4%;
    padding-right: 3%;
}

.middle{
	float: left;
    width: 250px;
    height: 75px;
    padding-left: 3%;
    padding-right: 3%;
}

.der{
	float: left;
    width: 250px;
    height: 75px;
    padding-left: 3%;
    padding-right: 3%;
}

.uprm{
	float: left;
	padding-left: 35%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top: 1%;
}

.facebook{
	float: left;
	padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.ieee{
	float: left;
	padding-left: 2%;
    padding-right: 3%;
    padding-bottom: 2%;
    padding-top: 1%;
}

.copyright{

	float: left;
	padding-left: 28%;
}

.vision{
	margin:0;
	padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 30%;
    padding-top: 3%;
}

.mission{
	margin:0;
	padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 30%;
    padding-top: 3%;
}

.history{
	margin:0;
	padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 3%;
}

.contact{
	margin:0;
	padding-left: 3%;
    padding-right: 3%;
    
}

.boardmembers{

	float: left;
	padding-left: 4%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top: 1%;
}

.events{

	padding-left: 4%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-top: 1%;
}