/*body{
    background-color: #223322;
    color: silver;
    max-width: 800px;
    margin: auto;
}
h1, h2, h3, h4, h5, h6{
    color: #bb4444;
}
a{
    color: yellow;
    text-decoration: none;
}
a:hover
{
    font-weight: bold;
}*/

body{
    background-image: url(mosaico.png);
    background-attachment: fixed;
    color: black;
    font-family: helvetica, arial, sans;
}
main{
    background-color: silver;
    max-width: 1000px;
    margin: auto;
    border-radius: 20px;
    padding: 20px;
    opacity: 0.9;
}
pre, .ejemplo{
    padding: 20px;
    background-color: #eeeeee;
    border-radius: 20px;
}
.si{
    background-color: green;
    color: white;
}
.depende{
    background-color: yellow;
}
.no{
    background-color: red;
    color: white;
}
table{
    padding-left: 40px;
    padding-right: 40px;
}
tr, th, td{
    border: 1px solid;
}
code{
    background-color: #eeeeee;
}
a{
    color: blue;
    text-decoration: none;
}
a:hover{
    font-weight: bold;
}
.center{
    text-align: center;
}
@media screen and (max-width: 1100px){
    body{
	margin-left: 20px;
	margin-right: 20px;
    }
}