body{
	width:100%;
	height:100%;
	background-color:black;
}
div#fondo{
	width:1280px;
	height:800px;
	margin:0 auto 0;
	background-image:url('../images/fondo.jpg');
}
div#menu{
	z-index:3;
	margin-left:102px;
	margin-top:25px;
	width:auto;
	height:auto;
	background-color:white;
}
div#ygrafico{
	position:absolute;
	width:69px;
	height:37px;
	margin-left:225px;
	margin-top:45px;
	z-index:6;
	background-image:url('../images/ygrafico.png');
}
div#disenoweb{
	margin-right:4px;
	float:left;
	width:212px;
	height:88px;
	background-image:url('../images/menudisenoweb.png');
}
div#disenoweb:hover{
	background-image:url('../images/menudisenowebmorado.png');
}
div#ygrafico:hover{
	background-image:url('../images/ygraficoazul.png');
}
div#proyectos{
	margin-right:4px;
	float:left;
	width:212px;
	height:88px;
	background-image:url('../images/menuproyectos.png');
}
div#proyectos:hover{
	background-image:url('../images/menuproyectosmorado.png');
}
div#nosotros{
	margin-right:4px;
	float:left;
	width:212px;
	height:88px;
	background-image:url('../images/menunosotros.png');
}
div#nosotros:hover{
	background-image:url('../images/menunosotrosmorado.png');
}
div#portafolios{
	margin-right:4px;
	float:left;
	width:212px;
	height:88px;
	background-image:url('../images/menuportafolio.png');
}
div#portafolios:hover{
	background-image:url('../images/menuportafoliomorado.png');
}
div#contacto{
	margin-right:4px;
	float:left;
	width:212px;
	height:88px;
	background-image:url('../images/menucontacto.png');
}
div#contacto:hover{
	background-image:url('../images/menucontactomorado.png');
}
div#barramorada{
	position:absolute;
	width:auto;
	height:auto;
	z-index:4;
	margin-left:95px;
	margin-top:66px;
}
div#textobarramorada{
	position:absolute;
	width:auto;
	height:auto;
	z-index:6;
	margin-left:125px;
	margin-top:90px;
}
div#ruedaroja{
	position:absolute;
	float:none;
	z-index:8;
	width:195px;
	height:200px;
	margin-left:1030px;
	margin-top:300px;
	transition:all 2500ms ease-in-out;
	-webkit-transition:all 2500ms ease-in-out; /* Safari */
	-moz-transition:all 2500ms ease-in-out;/* Mozilla */
	-o-transition:all 2500ms ease-in-out; /* Opera */
	-ms-transition:all 2500ms ease-in-out; /* Explorer */
}
div#tarjetamaquetar{
	position:absolute;
	float:none;
	z-index:8;
	width:309px;
	height:200px;
	margin-left:800px;
	margin-top:400px;
}
div#ruedaroja:hover{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg); /* Safari */
	-moz-transform:rotate(360deg); /* Mozilla */
	-o-transform:rotate(360deg); /* Opera */
	-ms-transform:rotate(360deg); /* Explorer */
}
div#ruedaverde{
	position:absolute;
	float:none;
	z-index:8;
	width:auto;
	height:auto;
	margin-left:950px;
	margin-top:225px;
	transition:all 1250ms linear;
	-webkit-transition:all 1250ms linear; /* Safari */
	-moz-transition:all 1250ms linear;/* Mozilla */
	-o-transition:all 1250ms linear; /* Opera */
	-ms-transition:all 1250ms linear; /* Explorer */
}
div#ruedaverde:hover{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg); /* Safari */
	-moz-transform:rotate(360deg); /* Mozilla */
	-o-transform:rotate(360deg); /* Opera */
	-ms-transform:rotate(360deg); /* Explorer */
}
div#logotipomaquetar{
	position:absolute;
	float:none;
	z-index:8;
	width:auto;
	height:auto;
	margin-left:825px;
	margin-top:180px;
}
div#nosotrosimagen{
	position:absolute;
	float:none;
	z-index:8;
	width:auto;
	height:auto;
	margin-left:800px;
	margin-top:300px;
}
div#ruedaamarilla{
	position:absolute;
	float:none;
	z-index:8;
	width:140px;
	height:140px;
	margin-left:900px;
	margin-top:400px;
	transition:all 1500ms ease-in;
	-webkit-transition:all 1500ms ease-in-out; /* Safari */
	-moz-transition:all 1500ms ease-in-out;/* Mozilla */
	-o-transition:all 1500ms ease-in-out; /* Opera */
	-ms-transition:all 1500ms ease-in-out; /* Explorer */
}
div#ruedaamarilla:hover{
 	transform:rotate(-360deg);
 	-webkit-transform:rotate(-360deg); /* Safari */
	-moz-transform:rotate(-360deg); /* Mozilla */
	-o-transform:rotate(-360deg); /* Opera */
	-ms-transform:rotate(-360deg); /* Explorer */
}
div#barralateral{
	position:absolute;
	float:none;
	z-index:8;
	width:auto;
	height:auto;
	margin-left:90px;
	margin-top:175px;
}
div#flechaizquierda{
	position:absolute;
	float:none;
	z-index:9;
	width:55px;
	height:97px;
	margin-left:910px;
	margin-top:215px;
	transition:all 1000ms linear;
	-webkit-transition:all 1000ms linear; /* Safari */
	-moz-transition:all 1000ms linear;/* Mozilla */
	-o-transition:all 1000ms linear; /* Opera */
	-ms-transition:all 1000ms linear; /* Explorer */
}
div#flechaizquierda:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1); /* Safari */
	-moz-transform:scale(1.1); /* Mozilla */
	-o-transform:scale(1.1); /* Opera */
	-ms-transform:scale(1.1); /* Explorer */
}
div#flechaderecha{
	position:absolute;
	float:none;
	z-index:7;
	width:auto;
	height:auto;
	margin-left:1115px;
	margin-top:260px;
	transition:all 1000ms linear;
	-webkit-transition:all 1000ms linear; /* Safari */
	-moz-transition:all 1000ms linear;/* Mozilla */
	-o-transition:all 1000ms linear; /* Opera */
	-ms-transition:all 1000ms linear; /* Explorer */
}
div#flechaderecha:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1); /* Safari */
	-moz-transform:scale(1.1); /* Mozilla */
	-o-transform:scale(1.1); /* Opera */
	-ms-transform:scale(1.1); /* Explorer */
}
div#flechaabajo{
	position:absolute;
	float:none;
	z-index:9;
	width:auto;
	height:auto;
	margin-left:845px;
	margin-top:370px;
	transition:all 1000ms linear;
	-webkit-transition:all 1000ms linear; /* Safari */
	-moz-transition:all 1000ms linear;/* Mozilla */
	-o-transition:all 1000ms linear; /* Opera */
	-ms-transition:all 1000ms linear; /* Explorer */
}
div#flechaabajo:hover{
	transform:scale(1.1);
	-webkit-transform:scale(1.1); /* Safari */
	-moz-transform:scale(1.1); /* Mozilla */
	-o-transform:scale(1.1); /* Opera */
	-ms-transform:scale(1.1); /* Explorer */
}
div#botoncontacto{
	position:absolute;
	float:none;
	z-index:9;
	width:auto;
	height:auto;
	margin-left:380px;
	margin-top:550px;
	transition:all 2000ms ease-in-out;
	-webkit-transition:all 2000ms ease-in-out; /* Safari */
	-moz-transition:all 2000ms ease-in-out;/* Mozilla */
	-o-transition:all 2000ms ease-in-out; /* Opera */
	-ms-transition:all 2000ms ease-in-out; /* Explorer */
}
div#botoncontacto:hover{
	transform:scale(1.1); 
	-webkit-transform:scale(1.1); /* Safari */
	-moz-transform:scale(1.1); /* Mozilla */
	-o-transform:scale(1.1); /* Opera */
	-ms-transform:scale(1.1); /* Explorer */
}
p#textoproyectos{
	font-family:serif;
	font-size:22px;
	padding-top:120px;
	margin-left:60px;
	z-index:5;
}
div#fondotexto{
	z-index:5;
	width:1075px;
	height:627px;
	background-image:url('../images/fondotexto.png');
	margin-top:130px;
	margin-left:103px;
}
div#formulariocontacto{
	width:800px;
	height:600px;
	padding-top:100px;
	padding-left:100px;
}
p#textoformulario{
	font-family:serif;
	font-size:18px;
	margin:5px 5px 5px 2px;
	padding:0px;
}