html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, legend,
form, checkbox, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    background-color: #C0C0C0;
    font-size: 75%;
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
span {
 font-weight:bold;
}
span.error{
 color:red;
}

p span.atencio {
font-size:175%;
color: red;
}

span.blau {
      font-weight: bold;
      color:blue;
 }

span.link {
    font-weight: bold;
    color: blue;
    text-decoration: underline;
    cursor:pointer;
}

h1, h2, h3 {
    display: inline-block;
    padding-bottom: 5px;
}

.Titol{
 font-size:180%;
 color:brown;
}

.Titol2 {
    font-size: 125%;
    color:black;
}

div.divWrapper {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 0.5em;
    padding-bottom: 1.5em;
    background-color: #FAFAFA;
}

   div.divWrapper p.margesup {
        margin-top: 1em;
    }

div.divIntroduccio{
 padding-bottom:1em;
}
div.divIntroduccio p{
 font-size:1.25em;
 padding-bottom:0em;

}

div.divPagina{
    margin-top: 1em;
    margin-left: 1.5em;
}

div.divSubPagina p{
 font-size:1.30em;
 color:black;
}
div.divSubPagina p.margesup
{
    margin-top:1em;
}

div.divSubPagina p.primerparag {
    margin-top:1.5em;
    font-size: 1.30em;
    color: darkblue;
    font-weight:bold;
}

 div.divSubPagina a {
    font-size: 1.25em;
    text-decoration: none;
    display:block;
    color:darkgreen;
}

 div.divSubPagina a.normal {
    font-size:1em;
    text-decoration: none;
    color: brown;
    display:inline;
}

ul.nav {
    list-style-type: none;
    background-color:#EBEBEB;
    padding-left: 0;
    margin-left: 0;
        }

 ul.nav li {
        display: inline-block;
        width:18%;
        font-size:1.5em;
        }

 ul.nav a {
        display: block;
        width: 100%;
        color:black;
        padding: 5px 0px 5px 15px;
        text-decoration: none;
        }

    ul.nav a:hover {
        font-weight: bold;
        color: #FFFFFF;
        background-color: #80CBC4;
    }

 ul.nav li.submenu{
        width:20%;
 }
 ul.nav a.submenu{
     font-size:0.90em;
 }
 ul.nav a.selected {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #80CBC4;
 }


 #TaulaEspecies{
  padding-top:0.5em;
 }
#TaulaEspecies th {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #4CAF50;
    color: #FFF;
}
#TaulaEspecies th, td {
    font-size: 1.35em;
    border: 1px solid #DDDDDD;
    padding: 3px 7px 2px 7px;
}

.blink_me {
    margin-top: 1.5em;
    animation-name: blinker;
    animation-duration: 2s;
    color: blue;
    font-size: 1.5em;
}

@keyframes blinker {
    0% {
        color: red;
    }

    25% {
        color: blue;
    }

    50% {
        color: red;
        
    }

    75% {
        : blue;
    }

    100% {
        color: green;
    }
}