/* Elementos basicos */
body{
    margin:0;
    padding:0;
    background:#000 url(texturafondo.jpg) repeat-y 600px 100px;
    font:0.75em/150% "Courier New", Courier, monospace;
    }

a:link, a:visited{
    font-weight:bold;
    color:#000;
    background:#CCC;
    text-decoration:none;
    padding:0 5px;
    }
    
a:hover, a:active{
    background-color:#666;
    color:#FFF;
    }
    
h1{display:none;}

h2{
    background-color:#333;
    color:#FFF;
    margin:0;
    padding:5px;
    font-size:150%;
    }

h3{
    font-size:125%;
    margin-left:15px;
    }

acronym{
    font-weight:bold;
    cursor:help;
    }

p{
    text-indent:2em;
    margin-left:15px;
    margin-right:15px;
    }
    
blockquote{
    background-color:#CCC;
    padding:10px;
    text-indent:2em;
    font-style:italic;
    margin:auto 30px;
    }
    
cite{
    font-weight:bold;
    display:block;
    text-align:right;
    }
    
ul{
    margin:auto 40px auto 200px;
    line-height:3em;
    list-style-type:none;
    padding:10px;
    background-color:#CCC;
    }

/* Elementos contenedores */
div#explicacion, div#proyecto, div#participa, div#disenos, div#elautor{
    margin-bottom:30px;
    border-top:none;
    border-bottom:10px solid #333;
    border-left:2px solid #333;
    border-right:2px solid #333;
    padding-bottom:2em;
    }

div#contenido{
    width:630px;
    background:#FFF url(mujer.jpg) no-repeat;
    overflow:hidden;
    }
    
div#encabezado{
    margin:auto auto 40px 250px;
    height:150px;
    background:transparent url(encabezado.jpg) no-repeat;
    }
    
div#explicacion{
    margin-left:270px;
    width:355px;
    background:transparent url(esquinainferiorderecha.jpg) no-repeat right bottom;
    }
    
div#proyecto{
    margin-left:25px;
    margin-right:50px;
    background:transparent url(mujer2.jpg) no-repeat right bottom;
    }
    
div#participa{
    margin-left:100px;
    background:transparent url(esquinainferiorderecha.jpg) no-repeat right bottom;
    }
    
div#disenos{
    margin-left:35px;
    margin-right:40px;
    background:transparent url(mujer4.jpg) no-repeat;
    }
    
div#elautor{
    color:#FFF;
    background-color:#333;
    margin-left:10px;
    width:300px;
    float:left;
    }
    
div#agradecimientos{
    margin:auto 30px auto 310px;
    border:none;
    padding-left:40px;
    text-align:right;
    }
    
div#legal{
    clear:left;
    background:#FFF url(mujer5.jpg) no-repeat;
    width:630px;
    padding:230px 0 25px 0;
    font-size:90%;
    }

/* Elementos interiores */
div#legal p{ margin:auto 10px; }

div#agradecimientos h2{
    color:#333;
    background-color:transparent;
    }

div#elautor a:link, div#elautor a:visited{
    padding:3px;
    background:#666;
    color:#FFF;
    }
    
div#elautor a:hover, div#elautor a:active{
    color:#333;
    background-color:#CCC;
    }

div#elautor p{text-indent:0;}
    
div#elautor .atributo{
    font-weight:bold;
    display:block;
    }

div#proyecto p{margin-right:110px;}
    
div#disenos p{
    text-indent:0;
    margin-left:200px;
    }
    
div#disenos div#paginas{
    margin:30px auto auto 200px;
    }
    
div#paginas span{font-weight:bold;}

div#disenos a:link, div#disenos a:visited{
    background-color:#333;
    color:#FFF;
    padding:5px;
    }
    
div#disenos a:hover, div#disenos a:active{
    background-color:#999;
    }
    
/* Elementos auxiliares */
div#extra1{
    position:absolute;
    top:0;
    left:630px;
    width:200px;
    height:100px;
    background:transparent url(esquinasuperiorderecha.jpg) no-repeat;
    }

/* Hack para esconder las sombras en IE */
html>body div#extra2{
    height:15px;
    width:100%;
    background:transparent url(sombratop.png) repeat-x;
    position:fixed;
    top:0;
    left:0;
    }

/* Hack para esconder las sombras en IE */
html>body div#extra3{
    height:15px;
    width:100%;
    background:transparent url(sombrabottom.png) repeat-x;
    position:fixed;
    bottom:0;
    right:0;
    }