Upload New File

mi_estilo.css

+body{
+    width: 97%;
+}
+
+.row{
+    display:flex;
+}
+
+.contMeshMap{
+    width: 650px;
+    height:550px;
+}
+
+.infoMapa {
+    position: absolute;
+    top: 150px;
+    font-size: 14px;
+    margin: 5px;
+    background-color: black;
+    color: white;
+    max-width: 150px;
+    min-width: 100px;
+    padding: 10px;
+}
+
+.mapa3d{
+    width: 650px;
+    height: 100%;
+    display: "inline";
+}
+.leyenda3d{
+    width: 100%;
+
+}
+
+table{
+    width: 100%;
+    height: 50px;
+}
+
+.contentchart{
+    width: 800px;
+    height: 600px;
+    display: "inline";
+}
+
+.barChart{
+    height: 50%;
+    display: block;
+}
+
+.lineChart{
+    height: 35%;
+    display: block;
+}
+
+
+
+
+.div_form {
+  background-color: lightblue;
+  text-align: center;
+  min-width:250px;
+  height:650px;
+  max-width:250px;
+  max-height:700px;
+  display: "inline";
+}
+
+.titulo{
+    text-align: center;
+    background-color: lightblue;
+    width:100%;
+    margin:auto;
+    border: 5px outset lightblue;
+}
+
+.anio_visual{
+    text-align: center;
+    background-color: lightblue;
+    min-width:calc(100% - 150px);
+    width:calc(100% - 150px);
+    border: 5px outset lightblue;
+    height: 40px;
+    display: "inline";
+}
+
+
+.representacion {
+    min-height:650px;
+    width: calc(100% - 250px);
+    max-width: calc(100% - 250px);
+    max-height:650px;
+}
+
+.boton_ccaa{
+    display: block;
+    width: 100%;
+}
+
+
+.btnTag {
+    min-width: 20%;
+    max-width: 20%;
+    width: 20%;
+    margin: 0.5%;
+    max-height: 40px;
+    min-height: 40px;
+    vertical-align: top;
+}
+
+.tags{
+    width:100%;
+    height: 40px;
+    display: block;
+}
+
+.ccaa_vision{
+     column-count: 3;
+}
+
+.botonAct{
+    background-color: DodgerBlue;
+    border-color: white;
+    color: white;
+    font-size: 30px;
+    cursor: pointer;
+    min-width: 50px;
+    min-height: 50px;
+}
+
+
+.contBotonMenu{
+    display: "inline";
+    width: 50px;
+    height: 50px;
+}
+
+
+
+.tooltip {
+    display: "inline";
+    width: 50px;
+    height: 50px;
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+  visibility: hidden;
+  width: 120px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 5px 0;
+
+  /* Position the tooltip */
+  position: absolute;
+  z-index: 1;
+  bottom: 100%;
+  left: 50%;
+  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
+}
+
+
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+}
+
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+}