#main-content{position: absolute; top: 0; right: 0; width: 100%; height: 100%;}#btn{position: fixed; z-index: 5; top: 57px; right: 50px; cursor: pointer; -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}#btn div{width: 50px; height: 5px; margin-bottom: 8px; background-color: #dd5d01; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms; border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}#btn:hover > div{box-shadow: 0 0 1px #ffffff;}#btn.active{right: 57px; width: 39px; height: 5px;}#btn.active div{background-color: #ffffff; width: 39px; height: 5px;}#btn.active:hover > div{box-shadow: 0 0 1px #dd5d01;width: 39px; height: 5px;}#btn.active #top{-webkit-transform: translateY(16px) rotate(-134deg); -ms-transform: translateY(16px) rotate(-134deg); transform: translateY(16px) rotate(-134deg);}#btn.active #middle{-webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}#btn.active #bottom{-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}#box{position: fixed; z-index: 4; overflow: auto; top: 0px; right: -300px; width: 317px; opacity: 0; padding: 20px 0px; height: 100%; background:url(../imagenes/fondo.png); text-decoration:none; -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}#box.active{right: 0px; opacity: 1;}#items{position: relative; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left:30px; text-align:center; font-family: 'Dosis', sans-serif; text-decoration:none;}#items .item{width:95%; position: relative; cursor: pointer; font-size: 30px; -webkit-transition: all 250ms; transition: all 250ms; padding-top:15px;color: #ffffff; border-bottom:1px solid rgba(255,255,255,0.80); padding-bottom:15px;text-decoration:none;}#items .item2{padding-top:15px;}#items .item:hover{color: #dd5d01;text-decoration:none;}#unabarra{z-index:9999;background-color:#000000;width:100px;height:100%;}#carrito{position: fixed; top:60%; left: 0; width: 40px;height:166px;margin-top:-133px;z-index:10000;}#logo{position: absolute; top:15px; left:44px;z-index:10000;}@media screen and (max-width: 800px){#carrito{display:none;}}@media screen and (max-width: 400px){#btn{right: 5px;}#btn.active{right: 5px;}#box{width: 400px; background:url(../imagenes/fondo2.png);}}