body { font-family: verdana; margin-top: 0 }
body, table { font-size: 3vh }

table.TabML { border-collapse: collapse; }
.wrap { cursor: pointer; position:relative}
.tip1,.tip2,.tip3,.tip4 { background-color: white; border: 1px solid red; margin:0 2vw; width: 50vw; height: 50vh; padding: 1vh 1vh; position: absolute; text-align: left; visibility: hidden }
.tip1 { left: 10px; top: -10px }
.tip2 { right: 0; top: 10px }
.tip3 { left: -1px; bottom: 0px }
.tip4 { right: -15px; bottom: -10px }
div.tip1,div.tip2,div.tip3,div.tip4 { overflow:auto }
.wrap:hover .tip1 { visibility: visible; z-index: 9 }
.wrap:hover .tip2 { visibility: visible; z-index: 9 }
.wrap:hover .tip3 { visibility: visible }
.wrap:hover .tip4 { visibility: visible }

th { border-bottom: 1px solid }
#TabML td { text-align: center }
#TabML tr >:first-child { font-size: 2vh }
#TabML tr >:nth-child(2) { font-size: 2vh }
#TabML tr >:nth-child(1) { text-align:left; }
#TabML tr >:nth-child(2) { text-align:center; }
#TabML tr >:last-child { display:none; }
tr.A { font-size: 3vh; height: 8vh }
tr.B { font-size: 2vh; height: 5vh }
tr.C { font-size: 1.5vh; height: 3vh }
tr.D { font-size: 1.5vh; height: 3vh; text-decoration: line-through; }

img.obra {
  border: 1px solid #ddd;
  border-radius: 4px;
	padding: 5px;
	width: 30%;
	height: auto;
}
img.obra:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }

.contenedor { padding: 0 5% }

table#verde tr:hover { background-color: MediumSeaGreen; }
section { background:white; border-radius:6px; border:solid; position: fixed;  visibility: hidden; }
section#detalle { background:white; position: fixed; visibility: hidden; z-index: 2}
section#detalle { left: 50%; padding: 1em; overflow:auto; top: 50%; transform: translate(-50%, -50%) }

.dd-button1 { padding: 1px; width: 11vw }
.dd-button2 { padding: 1px; width: 5vw }
.dd { position: relative; display: inline-block; }
.dd-list { display: none; position: absolute; background-color:MediumSeaGreen; border: 1px solid black; right:4vw; text-align: right; top:0; width: auto; white-space: nowrap; z-index: 1; }
.dd-list a { color: black; display:inline; padding: 1px 1em; text-decoration: none; }
.dd-list a:hover { background-color: MediumSeaGreen; }

.dd:hover .dd-list { display: block; }

hr.§ { overflow: visible; padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; }
hr.§:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }

ul ul,li.mn:hover ul ul { display:none }
ul,li { position: relative; right:0 }
ul { background:white; cursor:pointer; list-style:none; margin:0; padding:0 }
#hammenu { position: fixed; top:0; right:0 }
.alignright { text-align:right }
ul#ham  { display:none; position:absolute; right:0 }
ul#ham:hover li:hover  { z-index: 8}
ul.ul1 { position:absolute; right:15vw; top: -1em }
li.mn { background:green; border:1px solid gray; border-radius:1px; color:white; display:block; margin: 0 0vw 0 0; padding:1em 0; text-align: center; width:28vw }
li.mn1 { margin: 0 }
.mensaje { background: white; border: thick green solid; color:black; padding: 10px; position: fixed; left: 10%; text-align: center; top: 20%; width: 70% }

li.mn:hover ul, li.mn:hover li.mn:hover ul, nav:hover ul#ham { color:black; display:block; }