body{

	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}

#contenedorLogo{
	margin: 0 auto;
	width: 90%;
	min-width:930px;
	height:85px;
}

#logo1{
	float:left;
	width: 280px;
	height:85px;
	background:url(../animacion/logo/logo.png);
	background-repeat:no-repeat;

}
@keyframes logo{
	from{ background-position:0px;}
	to{background-position:-2000px;}	
}
@-webkit-keyframes logo{
	from{ background-position:0px;}
	to{background-position:-2000px;}	
}
@-o-keyframes logo{
	from{ background-position:0px;}
	to{background-position:-2000px;}	
}
@-moz-keyframes logo{
	from{ background-position:0px;}
	to{background-position:-2000px;}	
}
#contenedorLogo h1{
	float:right;
	font-family:  RobotoCondensed-Regular;
	color:#00274e;
	font-size:22px;
	text-shadow: 0.1em 0.15em #ddd;	
}

/*****************************/

#contenedorBotones{
	position:relative;
	margin: 0 auto;
	width: 80%;
	min-width:1100px;
	height:485px;
}
#franjaVerde{
	background-color:#D2E2F3;
	box-shadow:0 0 10px #D2E2F3;
	height:12px;
}
#marco{
	position:relative;
	margin: 0 auto;
	width: 80%;
	min-width:500px;
	height:6px;
}
#home{
	position:absolute;
	top:57px;
	left:80%;
	z-index:51;
	transition:transform .5s;
	transform:scale(.5,.5);
	-webkit-transition:transform .5s;
	-webkit-transform:scale(.5,.5);
	-moz-transition:transform .5s;
	-moz-transform:scale(.5,.5);
	-o-transition:transform .5s;
	-o-transform:scale(.5,.5);
	-ms-transition:transform .5s;
	-ms-transform:scale(.5,.5);
}
#home:hover{
	transform:scale(.6,.6);
	-webkit-transform:scale(.6,.6);
	-moz-transform:scale(.6,.6);
	-o-transform:scale(.6,.6);
	-ms-transform:scale(.6,.6);
}
#imagenFondo{
	width:773px;
	height:483px;
	float:right;
}

#contenRombos{
	position:relative;
	width:420px;
	height:485px;
}
.botones{
	position:absolute;
	margin: 0 auto;
	transition:transform .5s;
	transform:scale(.66,.66);
	-webkit-transition:transform .5s;
	-webkit-transform:scale(.66,.66);
	-o-transition:transform .5s;
	-o-transform:scale(.66,.66);
	-ms-transition:transform .5s;
	-ms-transform:scale(.66,.66);
	-moz-transition:transform .5s;
	-moz-transform:scale(.66,.66);
	background-image:url(../img/brillos/blue.png);
	background-position:center;
}
#btn {
	position:absolute;
}

#btn1{/* Biologia */
	top:20px;
	left:274px;
	
}
#btn2{/*Cuerpo Humano*/
	top:150px;
	left:199px;
}
#btn3{/* Fisica */
	top:323px;
	left:198px;
}
#btn4{   /*Matematicas*/
	top:62px;
	left:49px;
}
#btn5{/* QUIMICA */
	top:235px;
	left:49px;
}

.botones:hover{
		background-size:105%;
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	z-index:20;
}

footer{
	position:relative;
	width: 60%;
	left:20%;
	min-width:600px;
	text-align:center;
	
	font-family: Roboto-Light;
	font-size:.75em;
}