/* Estilos de configuracion general */
/*html { overflow:hidden; }*/
body {
font-family: Impact, Verdana;
font-size: 12px;
line-height: 26px;
color: #000
}
a {
color: #000;
font-weight: bold;
text-decoration: none
}
a:hover {
color: #ff0000
}
a:active, a:focus {
color: #ff0000
}
b, strong {
font-weight: bold;
color: #222
}
p {
line-height: 18px
}
.clear {
clear: both
}
body>#webcontainer>#footer {
position: fixed;
}
/* Estilos b·sicos de colores de los cuadros */
.whitespan {
color: #fff
}
.blackspan {
color: #000
}
a:hover .box, a:hover .box2, a:hover .box4 {
cursor: pointer
}
#tooltip {
position: absolute;
top: 0;
left: 0;
z-index: 500;
margin: 0;
padding: 0;
font-size: 3em;
font-weight: normal;
font-family: Fjalla One, "Franklin Gothic Heavy", "Fjalla One";
}
#tooltip .tipbody {
background: none;
padding: 5px;
margin: 0;
line-height: 26px;
display: block;
}
#tooltip .tipbody strong {
color: #000 font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.magentanegro #tooltip .tipbody {
color: #d401ff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.amarilloblanco #tooltip .tipbody {
color: #fbff1b;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
text-transform: uppercase;
}
.amarilloblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.amarillonegro #tooltip .tipbody {
color: #fafd92;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.moradoblanco #tooltip .tipbody {
color: #9c02fd;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.moradoblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.moradonegro #tooltip .tipbody {
color: #9c02fd;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.naranjanegro #tooltip .tipbody {
color: #fda702;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.turquesablanco #tooltip .tipbody {
color: #02edfc;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.turquesablanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.turquesanegro #tooltip .tipbody {
color: #02edfc;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.azuloscuroblanco #tooltip .tipbody {
color: #027981;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.azuloscuroblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
}
.rosablanco #tooltip .tipbody {
color: #ff00ff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.rosablanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.verdenegro #tooltip .tipbody {
color: #00f098;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.verdeblanco #tooltip .tipbody {
color: #00f098;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.verdeblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.granatenegro #tooltip .tipbody {
color: #cd4773;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.granatenegro #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.granateblanco #tooltip .tipbody {
color: #cd4773;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.granateblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.blanconegro #tooltip .tipbody {
color: #ffffff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.rojoblanco #tooltip .tipbody {
color: #fd1a02;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.rojoblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.5em;
font-weight: bolder;
text-transform: uppercase;
}
.rojonegro #tooltip .tipbody {
color: #fd1a02;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}
.rosaclaroblanco #tooltip .tipbody {
color: #f5b7b7;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
text-transform: uppercase;
}
.rosaclaroblanco #tooltip .tipbody strong {
color: #fff;
font-family: Fjalla One, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bolder;
}