*{margin:0;padding:0}

body{font: 0.8em arial,sans-serif; }
html{border-top:35px solid #51c5ec}
body{background:url('../img/pattern.gif') repeat;}
p{}
a{color: #981793;padding:10px}

/*menu*/
#menu{width:318px; height:92px; float:right; background:#51c5ec url('../img/fondomenu.jpg') no-repeat top right; margin:10px 10px 0 0; padding:20px 0 0 0}
#menu ul{margin:0; list-style-type:none}
#menu ul li{ float:left}
#menu ul li a{display: block; width:86px; height:72px; text-indent:-9999px; overflow:hidden; }
	.inicio{background:url('../img/menu/inicio.png') no-repeat top}
	.studio{background:url('../img/menu/studio.png') no-repeat top}
	.contacto{background:url('../img/menu/contacto.png') no-repeat top}		
	.inicio:hover, .studio:hover, .contacto:hover{background-position:bottom}

/* prueba de un menu slide horizontal, pero no me convence
.sm {list-style:none; width:100%; height:100px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
*/

div#contenedor{ background:#fff url('../img/toprightback.jpg') top no-repeat right;margin:-21px; width:650px; float:right }
div#fondoAzul{background:url('../img/fondoazul.png') no-repeat;  height:100%;}
div#container{text-align:left}
div#content p{line-height:1.4}

/*div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}*/

div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px; text-align:center;font-size:0.75em}

div#container{width:800px;margin:0 auto}
div#content{float:right;width:630px; padding:10px }
div#navigation{float:left;width:200px; }
div#extra{float:left;clear:left;width:200px; }
div#footer{clear:both;width:100%}


.arrubsis{display:block;float:left;overflow:hidden;width:322px;height:115px; background:url('../img/logo.png') no-repeat; text-indent:-9999px; margin:7px 0 0 -50px; z-index:5; position:relative}
.fondoA{position:absolute; top:-8px; margin-left:-82px}

.clear{clear:both}