/*
 *  Main Styles Card
 */

* {
    margin: 0;
    padding: 0;
}

body {
    background: #eee;
}

header {
    position: relative;
    padding-top: 30px;
    height: 300px;
    background: #fff;
}
header img{
    width: 480px;
}
header div {
    position: relative; top: 25px;
    margin: 30px auto 0px auto;
    width: 480px;
}
header #logo {
    position: relative;
    z-index: 2;
}
header #mirror {
    position: relative; top: -5px;
    height: 104px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    background: #fff;
    background: -webkit-linear-gradient(to top, rgba(255,255,255,0.94), rgba(255,255,255,0.99)), url('../ima/Logo verde .png') no-repeat;
    background: -o-linear-gradient(to top, rgba(255,255,255,0.94), rgba(255,255,255,0.99)), url('../ima/Logo verde .png') no-repeat;    
    background: linear-gradient(to top, rgba(255,255,255,0.8), rgba(255,255,255,0.99)), url('../ima/Logo verde .png') no-repeat;
    background-size: 480px;
}

footer {
    position: relative;
    height: 120px;
    z-index: 1;
    padding: 0 0 0 0;
    text-align: center;
    font: bold 1em "verdana", sans serif;
    color: mediumaquamarine;
    background: #eee;
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,1), rgba(238,238,238,1));
    background: -o-linear-gradient(to bottom, rgba(255,255,255,1), rgba(238,238,238,1));
    background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(238,238,238,1));
}
footer div {
    position: relative; top: 100px;
}
footer a {
    padding: 3px;
    text-decoration: none;
    color: mediumaquamarine;
}
a:hover {
    color: blue;
}
.info {
    line-height: 200%;
}
h1 {
    margin-bottom: 7px;
    font-size: 1.2em;
    color: #13b7b1;
}