@charset "utf-8";
/* CSS Document */

html {
    background: url(../images/html_bg.jpg) repeat;
    width: 100%;
    height: 100$;
    margin:0;
}

#web {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bdbdbd', endColorstr = '#8f8f8f');
    background: -webkit-gradient(linear, left top, left bottom, from(#bdbdbd), to(#8f8f8f)) no-repeat;
    background: -moz-linear-gradient(top, #bdbdbd, #8f8f8f) no-repeat;
    width: 960px;
    height: auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    rotation: 2deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

div#todo_izquierda #img_atras_todo_izquierda {
    z-index: 1;
    width: 235px;
    height: 353px;
    /*-webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    rotation: 5deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);*/
    float: left;
    margin-left: 30px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#958157', endColorstr = '#736343');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#958157', endColorstr = '#736343')";
    background: -webkit-gradient(linear, left top, left bottom, from(#958157), to(#736343)) no-repeat;
    background: -moz-linear-gradient(top, #958157, #736343) no-repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#todo_izquierda #img_adelante_todo_izquierda {
    z-index: 10;
    width: 261px;
    height: 367px;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    rotation: 8deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=8);
    float: left;
    margin-left: -110px;
    margin-top: 45px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#958157', endColorstr = '#736343');
    background: -webkit-gradient(linear, left top, left bottom, from(#958157), to(#736343)) no-repeat;
    background: -moz-linear-gradient(top, #958157, #736343) no-repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.izquierda, div.derecha {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    rotation: -2deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2);
}