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{
	position:absolut;
	background-color:#C34235;
	box-shadow:0 0 7px #C34235;
	height:10px;
}

#marco{
	position:relative;
	margin: 0 auto;
	width: 80%;
	min-width:500px;
	height:8px;
}

.home{
	
	position:absolute;
	top:-42px;
	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);
}

#home1{
	right:50px;	
}
#home2{
	right:-42px;	
}
#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/red.png);
	background-position:center;
}
#btn {
	position:absolute;
}

#btn1{
	top:-25px;
	left:199px;
}
#btn2{
	top:18px;
	left:-26px;
}
#btn3{
	top:365px;
	left:124px;
}
#btn4{ 
	top:365px;
	left:273px;
}
#btn5{
	top:235px;
	left:199px;
}
#btn6{
	top:105px;
	left:124px;
}

#btn7{
	top:105px;
	left:273px;
}

#btn8{
	top:235px;
	left:49px;
}

#btn9{
	top:279px;
	left:-26px;
}

#btn10{
	top:105px;
	left:-26px;
}


.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;
	font-family: Roboto-Light;
	text-align:center;
	font-size:.75em;
}