@font-face {
  font-family:'opensans';
  src: url(fonts/opensans.otf);
}
@font-face {
  font-family:'bebas';
  src: url(fonts/BebasNeue-Regular.otf);
}
@font-face {
  font-family:'bebaslight';
  src: url(fonts/BebasNeue-Light.otf);
}
@font-face {
  font-family:'slimjim';
  src: url(fonts/SlimJim.ttf);
}
@font-face {
  font-family:'kaushan';
  src: url(fonts/KaushanScript-Regular.otf);
}
@font-face {
  font-family:'kingthings';
  src: url(fonts/Kingthings_Foundation.ttf);
}
@font-face {
  font-family:'chomsky';
  src: url(fonts/Chomsky.otf);
}
@font-face {
  font-family:'dearest';
  src: url(fonts/Dearest.ttf);
}


        body {
            font-family:'opensans';
            font-size:12pt;
        }
        div.zona {font-family:monospace}
        div.mostrar h1, div.mostrar h2, div.mostrar h3, div.mostrar h4, div.mostrar h5, div.mostrar h6 {margin:0px; padding:0px;margin-top:3px; position:relative; width:90%}
        div.mostrar  h1 {color:#000; font-size:250%}
        div.mostrar  h2 {color:#444; margin-left:0.25em; font-size:200%}
        div.mostrar  h3 {color:#666; margin-left:0.5em; font-size:175%}
        div.mostrar  h4 {color:#840; margin-left:0.75em; font-size:150%}
        div.mostrar  h5 {color:#269; margin-left:1em; font-size:120%}
        div.zona  h1 {color:#008; font-size:250%}
        div.zona  h2 {color:#448; margin-left:0.25em; font-size:200%}
        div.zona  h3 {color:#66C; margin-left:0.5em; font-size:175%}
        div.zona  h4 {color:#66F; margin-left:0.75em; font-size:150%}
        div.zona  h5 {color:#49F; margin-left:1em; font-size:120%}
        div.mostrar a.toc {font-size:12pt}
        i {font-weight:bold; color:#080}
        i.simple {font-weight:bold; color:#800}
        i.parentesis {font-weight:bold; font-style:normal; color:#444; font-size:90%}
        i.llave {font-weight:normal; font-style:normal; color:#666; font-size:85%}

        hr.ref {width:200px; margin-left:0px; margin-right:auto}
        b.bold2{text-decoration:underline; color:#008}
        b.bold3{text-decoration:underline; font-size:130%; color:#080}
        b.bold4{text-decoration:underline; font-size:140%; color:#088}
        b.bold5{text-decoration:underline; font-size:150%; color:#840}
        b.altbold0 {text-decoration:none; font-size:130%}
        b.altbold1 {text-decoration:none; font-size:130%; font-family:serif}
        b.altbold2 {text-decoration:none; font-size:130%; font-family:'chomsky'}
        b.altbold3 {text-decoration:none; font-size:130%; font-family:'kingthings'}
        b.altbold4 {text-decoration:none; font-size:130%; font-family:'kaushan'}
        b.altbold5 {text-decoration:none; font-size:130%; font-family:'slimjim'}
        b.altbold6 {text-decoration:none; font-size:130%; font-family:'bebaslight'}
        b.altbold7 {text-decoration:none; font-size:130%; font-family:'bebas'}
        b.altbold8 {text-decoration:none; font-size:130%; font-family:'opensans'}
        b.altbold9 {text-decoration:none; font-size:130%; font-family:monospace}
        span.emoji{border:1px solid blue; width:48pt; height:48pt; margin:5px; padding:5px; border-radius:10px; font-size:40pt; position:relative; display:inline-block}
        span.emoji:hover{background-color:#ff9}
        span.emoji span {font-size:8pt; color:#666; position:absolute; right:3px; bottom:3px; text-align:right; display:inline-block}
        p.bottom {
            margin-left:10px;
        }  
        
        p.copy {
            font-family:monospace;
            font-size:8pt;
            margin-left:20px;
            color:#666;
        }
        p.copy span.big {font-size:140%}
        p.copy big {font-size:150%}
        p.frame {
            border:1px solid red;
            border-radius:10px;
            padding:5px;
        }
        p.bottom small {
            font-family:serif;
            font-size:10pt;
            color:#567;
        }
        p.bottom small b {
            font-size: 12pt;
        }
        div.cols {
        column-count:2;
        column-gap:20px;
        column-rule-width:1px;
        column-rule-style:solid;
        column-rule-color:#369;
        font-size:10pt;
        color:#666;
        text-align:justify;
        padding:5px;
        }
        a {
            font-weight:bold;
            color:#808;
            text-decoration:underline;
        }
        a:hover {
            color:#f00;
        }
        div.specstab {margin-left:40px; margin-right:40px; border-radius:10px; background-color:#eee; border:1px solid #ccc; padding:1%; width:auto; display:block; position:relative; box-shadow:2px 2px 4px #444}
        div.specstab table {border:2px solid #999; width:85%; margin-left:5%; margin-right:5% position:relative}
        div.specstab table td {text-align:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px}
        div.specstab table td.d {text-align:right}
        div.specstab table td.c {text-align:center}
        table#tabindex {border-radius:10px; border:1px solid #ccc; box-shadow: 3px 3px 10px #444; margin-left:10px; margin-top:10px; margin-right:20px; font-size:0pt;transition:font-size 1s}
        table#tabindex tr th {font-size:12pt; color:#08f; text-align:center; height:auto; padding:3px; cursor:pointer; transition:height 1s}
        table#tabindex tr th.sub {font-size:80%; color:#666; text-align:center}
        table#tabindex td {text-align:right; padding:0px; padding-right:0px; vertical-align:bottom; border-bottom:0px solid #ccc; color:#444; height:0px; transition:height 1s; border:0px solid red}
        table#tabindex td a {color:#444; text-decoration:none}
        table#tabindex td a:hover {color:#c00; background-color:#eee}
        table#tabindex td+td {text-align:left}
        table#tabindex td+td+td {text-align:right; font-size:80%}
        table#tabindex td+td span {font-size:70%; color:#666}
        table#tabindex td+td.c1 {font-size:120%}
        table#tabindex td+td.c2 {font-size:100%; padding-left:15px}
        table#tabindex td+td.c3 {font-size:90%; padding-left:30px}
        table#tabindex td+td.c4 {font-size:80%; padding-left:45px}
        table#tabindex td+td.c5 {font-size:70%; padding-left:60px}
        table.oni#tabindex {font-size:12pt; height:auto}
        table.oni#tabindex th {font-size:150%; height:auto}
        table.oni#tabindex td {padding-right:5px; border-bottom:1px solid #ccc; height:auto}
        
        table.formux,table.formux2,table.formux3,table.formux4 {border:2px solid #008; border-radius:5px; margin-left:30px; width:90%; margin-top:5px; font-size:90%; position:relative}
        table.formux2 {width:30%}
        table.formux2 tr td {width:25%; text-align:center; vertical-align:top; position:relative}
        table.formux2 tr td+td {width:65%; text-align:left}
        table.formux3 {width:80%}
        table.formux4 {width:90%; border:0px solid black}
        table.formux tr:hover {background-color:#cff}
        table.formux3 tr th,table.formux3 tr th+th~th {text-orientation:mixed; writing-mode:vertical-rl; text-align:center; vertical-align:top; border:1px solid #999}
        table.formux4 tr th {width:20%; border:0px solid black; background-color:#9cf; padding:5px; border-radius:5px}
        table.formux4 tr th~th {width:auto}
        table.formux4 tr th+th+th {width:10%}
        
        table.formux3 tr th+th {text-orientation:mixed; writing-mode:horizontal-tb}
        table.formux tr td {width:20%; vertical-align:top}
        table.formux3 tr td {width:auto; vertical-align:top; border:1px solid #999; position:relative}
        table.formux4 tr td {vertical-align:middle; border:0px solid #999; position:relative; background-color:#ccc; padding:5px; border-radius:5px}
        table.formux4 tr td img {width:95%; border-radius:5px; border:1px solid green}
        
        table.formux3 tr td input,table.formux4 tr td input  {position:relative; display:inline-block; width:95%}

        table.formux tr td+td{width:65%}
        table.formux tr td big, table.formux2 tr td big {font-size:150%}
        table.formux tr td.off, table.formux2 tr td.off {background-color:#666; color:#fff};
        table.formux tr td+td {width:65%}
        table.formux tr td input[type="text"]{border:1px solid #444; border-radius:3px; padding:3px; width:90%; font-family:monospace; font-size:10pt; color:blue; position:relative}
        table.formux tr:hover td input[type="text"] {background-color:#cfc; border:1px solid #999}
        table.formux tr td input[type="text"]:focus {background-color:#cfc; border:1px solid #999}
        table.formux tr td.off input[type="text"] {background-color:#666; color:#fff}
        table.formux tr td.off1 input[type="text"], table.formux tr td.off1, table.formux2 tr td.off1, table.formux3 tr td.off1{background-color:#aff; color:#000}
        table.formux tr td.off2 input[type="text"], table.formux tr td.off2, table.formux2 tr td.off2, table.formux3 tr td.off2{background-color:#afa; color:#000}
        table.formux tr td.off3 input[type="text"], table.formux tr td.off3, table.formux2 tr td.off3, table.formux3 tr td.off3{background-color:#ffb; color:#000}
        table.formux tr td.off4 input[type="text"], table.formux tr td.off4, table.formux2 tr td.off4, table.formux3 tr td.off4{background-color:#fbf; color:#000}
        table.formux tr td.off5 input[type="text"], table.formux tr td.off5, table.formux2 tr td.off5, table.formux3 tr td.off5{background-color:#faa; color:#000}
        table.formux tr td.off6 input[type="text"], table.formux tr td.off6, table.formux2 tr td.off6, table.formux3 tr td.off6{background-color:#aaa; color:#000}
        table.formux tr td.off7 input[type="text"], table.formux tr td.off7, table.formux2 tr td.off7, table.formux3 tr td.off7{background-color:#aaa; color:#000}
        table.formux tr td.off8 input[type="text"], table.formux tr td.off8, table.formux2 tr td.off8, table.formux3 tr td.off8{background-color:#aaa; color:#000}
        table.formux tr:hover td.off1 input[type="text"] {background-color:#cff; color:#000}
        table.formux tr:hover td.off2 input[type="text"] {background-color:#cfc; color:#000}
        table.formux tr:hover td.off3 input[type="text"] {background-color:#ffe; color:#000}
        table.formux tr:hover td.off4 input[type="text"] {background-color:#fcf; color:#000}
        table.formux tr:hover td.off5 input[type="text"] {background-color:#fcc; color:#000}
        table.formux tr:hover td.off6 input[type="text"] {background-color:#ccc; color:#000}
        table.formux tr:hover td.off7 input[type="text"] {background-color:#ccc; color:#000}
        table.formux tr:hover td.off8 input[type="text"] {background-color:#ccc; color:#000}
        table.formux tr:hover td.off1, table.formux3 tr:hover td.off1 {background-color:#cff; color:#000}
        table.formux tr:hover td.off2, table.formux3 tr:hover td.off2 {background-color:#cfc; color:#000}
        table.formux tr:hover td.off3, table.formux3 tr:hover td.off3 {background-color:#ffe; color:#000}
        table.formux tr:hover td.off4, table.formux3 tr:hover td.off4 {background-color:#fcf; color:#000}
        table.formux tr:hover td.off5, table.formux3 tr:hover td.off5 {background-color:#fcc; color:#000}
        table.formux tr:hover td.off6, table.formux3 tr:hover td.off6 {background-color:#ccc; color:#000}
        table.formux tr:hover td.off7, table.formux3 tr:hover td.off7 {background-color:#ccc; color:#000}
        table.formux tr:hover td.off8, table.formux3 tr:hover td.off8 {background-color:#ccc; color:#000}
        table.formux tr th small {color:#088; display:inline-block}
        table.formux tr td.off small {color:#ccc; display:inline-block; padding:5px}
        table.formux tr td.off1 small {color:#666}
        table.formux tr td.off2 small {color:#666}
        table.formux tr td.off3 small {color:#666}
        table.formux tr td.off4 small {color:#666}
        table.formux tr td.off5 small {color:#666}
        table.formux tr td span.valor {color:#008; font-family:monospace; position:relative}
        table.formux tr td span.campo {color:#000; font-weight:bold; font-family:serif; position:relative}
        table.formux tr td span.error0 {color:#080};
        table.formux tr td span.error2 {color:#f00};
        table.formux tr td span.error1 {color:#833};
        table.formux tr td span.error0 span.dns {color:#666}
        table.formux tr td textarea.cc {width:95%; height:4em; border-radius:10px}
        table.formux tr td div.cc {width:95%; height:auto; border-radius:3px; overflow:hidden}
        table.formus tr td div.elspec {font-family:"monospace"; color:#008; width:95%; height:auto; border-radius:3px; overflow:hidden}
        div.formout {position:relative}
        div.formout p.campo {position:relative; padding:0px; margin:0px; margin-left:8em; text-indent:-6em; margin-right:3em; border:0px solid red; text-align:left}
        
        table.informe {
            border-bottom:1px solid black;
            border-right:1px solid black;
            box-shadow:5px 5px 5px #666;
            border-radius:5px;
            font-size:10pt;
            font-family:monospace;
            font-weight:normal;
        }
        table.informe tr th {
            border-top:1px solid #666;
            border-left:1px solid #666;
            background-color:#0ff;
            border-radius:5px;
        }
        table.informe tr td {
            border-top:1px solid #666;
            border-left:1px solid #666;
            background-color:#ccc;
            border-radius:5px;
            text-align:center;
            font-size:8pt;
        }
        table.calc tr.headr th {text-align:left; vertical-align:bottom; background-color:#ccc; position:relative; font-size:14pt}
        table.calc tr.headr th div {position:relative; width:7em; border-radius:10px; text-align:left; font-size:8pt; font-weight:normal; color:#666; padding:0px; margin-left:auto;margin-right:auto}
        form {
        width:93%;
        border:2px solid #999;
        border-radius:10px;
        padding:10px;
        }
        form.mini {border:0px solid black}
        table.calc tr.headr th input[type="text"] {position:relative; width:5em; border:0px solid black;  border-radius:10px; text-align:center}
        table.calc tr.headr th+th~th {text-align:center; background-color:#ccc; text-orientation:mixed; writing-mode:vertical-rl;  font-size:10pt; padding-left:17px; padding-bottom:5px}
        table.calc tr.fin th~th {writing-mode:horizontal-tb; text-align:center; padding:0px; font-size:9pt; background-color:#ccc}
        table.calc tr.headr th+th~th span {font-size:11pt; color:#080}
        table.calc tr.headr th+th {font-size:10pt}
        table.calc tr td {text-align:left; background-color:#ccc; font-size:9pt; vertical-align:top;}
        div.fam {font-size:95%; color:blue; text-align:right; display:block}
        div.monto {font-size:100%; color:#088; text-align:right; display:block}
        div.montf {font-size:90%; color:#444; text-align:right; display:block}
        div.montf span {font-size:90%; color:#666; font-weight:normal}
        table.calc tr td div.sec {margin-left:5px; font-size:8pt; color:blue}
        table.calc tr td div.des {margin-left:15px; font-size:11pt; color:black}
        table.calc tr td~td {text-align:right}
        table.calc tr.headr th input[type="submit"] {margin-left:auto; margin-right:auto; display:block; margin-top:10px}
        table.calc tr.headr th input[name="pob"] {color:#999}
        table.unspsc {position:relative; width:80%; font-size:90%; margin-left:20px}
        table.unspsc tr td.uno {color:#444}
        table.unspsc tr td.dos {color:#080}
        table.unspsc tr td.tres {color:#008}
        table.resus {width:auto; display:inline-block; margin:15px; margin-left:20px; width:auto}
        table.resus thead tr td,table.resus tbody tr td {border:1px solid #444; border-radius:5px; padding:2px}
        table.resus thead tr td {background-color:#ffc; text-orientation:mixed; writing-mode:horizontal-tb; min-width:1em; padding: 2px; padding-right:7px; text-align:center; vertical-align:middle}
        table.resus thead tr td+td~td {writing-mode:vertical-lr}
        table.resus tbody tr td {text-align:left}
        table.resus tbody tr td+td~td {text-align:center}
        table.resus caption {font-size:16pt; background-color:#5f5; text-align:left; padding:3px; display:inline-block; border-radius:5px}
        

        div.catal {position:relative; width:auto; margin-left:10px}
        div.catal span {border:1px solid #444; border-radius:15px; font-size:90%; color:#444; width:auto; height:auto; vertical-align:top; text-align:left; padding:5px; margin:5px; display:inline-block; width:auto}
        div.catal span.uno input[type="text"]  {width:auto; border-radius:5px; border:0px solid black; transition:width 1s}
        div.catal span.tres span.radio {display:inline-block; border:1px solid #999; background-color:#eef; text-align:center}
        div.catal span.tres span.radio big {font-size:300%; border:0px solid black; border-radius:5px; margin-bottom:5px; display:block; text-shadow:1px 1px 5px #000}
        div.catal span.tres span.radio input[type="radio"] {display:inline-block}
        
        div.catal span.uno select  {width:auto; border-radius:5px; border:0px solid black}
        div.catal span.uno input[type="text"].uno {width:10em}
        div.catal span.uno input[type="text"].dos {width:35em}
        div.catal span.uno input[type="text"].tres {width:15em}
        div.catal span.uno input[type="text"].cuatro {width:5em}
        div.catal span.uno input[type="text"].cinco {width:3em}
        div.catal span.uno img {width:20em}
        div.catal span.dos {border:0px solid black}
        div.catal span.dos input[type="button"] {border:1px solid #444; border-radius:10px; background-color:#3f3; font-size:14pt; padding:5px}
        div.catal span.dos:hover input[type="button"]{background-color:#f33}
        table.formux tr:hover td div.catal span.uno input[type="text"] {border:0px solid #999; background-color:#ffc}
        

}
        
      
        
        p.tolink, p.topuro, p.img, p.img span.intro, p.img span.intro2, p.img0, p.img0 span.intro {
        margin:0px;
        margin-left:12px;
        margin-top:0.5em;
        text-align:justify;
        font-style:normal;
        color:#000;
        position:relative;
        width:65%;
        font-size:100%;
        }
       p.img0 {width:95%; border:0px solid red; margin-left:1%; margin-right:1%; overflow:auto}
       p.img span.img, p.img0 span.img {width:30%; float:right; margin-left:30px; margin-right:0%; margin-bottom:10px; position:relative; z-index:20; border:0px solid purple}
       p.img0 span.img, p.img0 span.intro {width:auto; margin-left:30px; border:0px solid blue; display:block; text-align:justify}
       p.img span.img img, p.img0 span.img img, p.fimgm span.img, p.fimgm span.img0{
            border:1px solid #999;
            border-radius:15px;
            padding:1%;
            box-shadow: 5px 4px 5px #666;
            width:95%;
            margin-left:auto;
            margin-right:auto;
            display:block;
            vertical-align:top;
            position:relative;
            z-index:30;
        }
        p.fimgm {width:95%;
                 margin:0px; 
                 margin-left:30px;
                 position:relative;
                 margin-right:20px;
        }
        p.fimgm span.img, p.fimgm span.img0 {width:15%;
                         margin:0px;
                         margin-right:10px;
                         margin-bottom:10px;
                         display:inline-block;
                         font-size:90%;
                         text-align:center;
                         transition:width 1s;
        }
        p.fimgm span.img0 {
            width:95%;
        }
        p.fimgm span.img img, p.fimgm span.img0 img {width:95%}
        p.img0 span.img {
            border:0px solid #999;
            width:95%;
            margin-left:0px;
            margin-right:1%;
            padding:0px;
            
        }
        
        p.img span.img span, p.img0 span.img span {
            color:#444;
            margin-top:0.5em;
            color:#444;
            font-style:italic;
            font-size:80%;
            font-weight:normal;
            text-align:center;
            display:block;
            width:95%;
            position:relative;
       }
       
       p.img span.txt {margin-bottom:0.5em}

        p.img {border-bottom:0px solid #ccc; margin-top:0.8em; width:90%; padding-left:0%; padding-right:0px; position:relative; text-align:justify; z-index:10; margin-left:30px; border:0px solid green}
        p.img span.intro, p.img span.intro2 {color:#448; text-align:justify; width:auto; display:block; position:relative; z-index:20; padding-right:2%; padding-left:0px; transition:padding-left 1s}
        p.img span.intro {width:auto; margin-left:0px}
        p.topuro, p.tolink, p.img {width:90%; padding-right:0px; border:0px solid green; text-align:justify}
        p.topuro, p.topuroc {
            margin:0px;
            margin-left:30px;
            margin-top:0.5em;
            text-align:justify;
            font-style:normal;
            color:#000;
            position:relative;
            width:90%;
            font-size:100%;
            padding-right:0px;
        }
        p.topuroc {text-align:center; margin-left:5%; margin-right:5%; margin-top:0.25em}
        p.img span.imgi1 {width:10%; float:left; margin-right:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgi2 {width:20%; float:left; margin-right:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgi3 {width:30%; float:left; margin-right:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgi4 {width:40%; float:left; margin-right:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgd1 {width:10%; float:right; margin-left:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgd2 {width:20%; float:right; margin-left:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgd3 {width:30%; float:right; margin-left:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgd4 {width:40%; float:right; margin-left:2%; margin-bottom:10px; position:relative; z-index:20; transition:width 1s}
        p.img span.imgi1 img, p.img span.imgi2 img, p.img span.imgi3 img, p.img span.imgi4 img, p.img span.imgi5 img, 
        p.img span.imgd1 img, p.img span.imgd2 img, p.img span.imgd3 img, p.img span.imgd4 img, p.img span.imgd5 img{
            border:1px solid #999;
            border-radius:15px;
            padding:1%;
            box-shadow: 5px 4px 5px #666;
            width:95%;
            margin-left:auto;
            margin-right:auto;
            display:block;
            vertical-align:top;
            position:relative;
            z-index:30;
        }
        p.img span span {
            color:#444;
            margin-top:0.5em;
            color:#444;
            font-style:italic;
            font-size:80%;
            font-weight:normal;
            text-align:center;
            display:block;
            width:95%;
            position:relative;
       }
        

        p.img:hover span {width:95%}
            
        p.topuro big {font-size:150%}
        p.topuro big.s {display:inline-block; position:relative; font-size:150%; text-shadow:2px 2px 4px #444; margin:2px}

        
        sup {font-size:8pt; color:#999; display:inline-block; margin-left:0.7em}
        a sup {font-size:8pt; color:#f0f}
        a sup:hover {color:#f00}

        p.tolink {
            margin-left:30px;
            width:90%;
        }
        
        
        p.topuro:first-letter,p.tolink:first-letter, p.img span.intro:first-letter, p.img span.intro2:first-letter {font-size:230%; font-weight:bold; color:#830; font-family:serif}


        p.tolink:hover::first-letter {color:#f00}

        ul,ol {color:#444;  margin:0px; margin-top:0.7em; margin-left:40px; margin-right:10px; text-align:justify; position:relative; width:80%}
        ul li, ol li {font-size:95%}
        ul li.emox, ol li.emox {margin-bottom:2em; max-height:150px; height:auto; overflow:scroll; box-shadow:2px 2px 8px #444; padding:10px; border-radius:10px; }
        ul li.abierto, ol li.abierto {max-height:max-content} 
        ul li b, ol li b {color:#000}

        span.emox {float:right; margin:0px; margin-left:5px; margin-bottom:5px; display:inline-block; font-size:9pt; text-align:center; position:relative; overflow:hidden; width:80px; height:100px; border:1px solid #666; border-radius:20px}
        span.emox img {height:100%; display:inline-block; position:relative; top:-0.5em}
        span.emox span{position:relative; top:-1.8em}
        ol.ref,ul.ref {color:#666}
        body {margin:0px; padding:0px}
        input[type="text"] {width:100%; font-size:12pt}
        textarea {width:100%; font-size:12pt}
        div.mostrar, div.subblock, div.sublock1,div.sublock2 {
            margin:0px;
            padding:0px;
            padding-top:0px;
        }
        div.subblock, div.subblock1, div.subblock2 {
          margin-top:20px;
          margin-left:20px;
          margin-right:15px;
          font-size:90%;
          border:2px solid #800;
          border-radius:20px;
          padding-right:20px;
          padding-bottom:0.5em;
          background-color:#ffc;
        }
        div.subblock1 {
            border:2px solid #080;
        }
        div.subblock2 {
            border:2px solid #008;
        }
        p.img span  {width:auto; display:inline-block; vertical-align:top; transition:width 1s; border:0px solid red; position:relative; z-index:20}
        p.img span.bar, p.img0 span.bar {width:48%; display:block; color:white; background-color:#3cf; padding:5px; border-radius:5px; font-size:20pt; margin-right:30px; margin-bottom:10px; position:relative; left:-10px}
        p.img span.bar:hover~span.img  {width:95%; float:none; display:block}
        span.thumbis {display:inline-block; width:100px; border:1px solid green; border-radius:10px; vertical-align:bottom; padding:0px; margin:0px; margin-right:5px; margin-bottom:5px; position:relative; text-align:center; font-size:8pt; color:blue; overflow:hidden; transition:width 1s; cursor:pointer}
        span.thumbis img {position:relative; display:inline-block; border-radius:0px; width:100%; margin:0px; padding:0px}

        
        audio {border-radius:20px; background-image:none; background-color:#0080ff; border:4px ridge #ff0000; padding:5px; width:auto}
        
        div.diapositiva {display:block; margin:0px; padding:5px; padding-right:20px}
        div.diapositiva span {display:block; margin-top:0px; padding:0px; height:auto;}
        div.diapositiva span#esco {height:0px; padding:0px; overflow:hidden}
        
        div.diapositiva span#tix {font-size:18pt; color:#048; text-shadow:2px 2px 2px #666;}
        div.diapositiva span#explica {font-size:12pt; color:#048;}
        div.diapositiva span#stamp {font-size:8pt}
        div.diapositiva span#esco {font-size:10pt; color:#444; border:0px solid #0ff}
        div.diapositiva span#esco span {font-size:14pt; color:#800; display:inline-block; padding:5px; vertical-align:bottom; vertical-align:top; border:0px solid #fcc}
        div.diapositiva span#esco span small {font-size:10pt; color:#008; font-weight:bold}
        div.diapositiva span#esco span~span {font-size:12pt; color:#444}
        div.diapositiva span#esco span~span img {display:inline-block; width:95%; border-radius:15px; box-shadow:4px 4px 10px #444; padding:5px; border:1px solid #666;}
        div.diapositiva span#esco span.titulo {width:auto; display:block}
        div.diapositiva span#esco span.parrafo {width:50%}
        div.diapositiva span#esco span.imagen {width:45%}
        div.diapositiva span#esco span.imagen:hover{display:block; width:auto}
        div.diapositiva span#esco span.imagen:hover+span.parrafo {display:block; width:auto}
        div.diapositiva span div {font-size:18pt; color:#048; text-shadow:2px 2px 2px #666; margin:0px; padding:0px; margin-bottom:10px; margin-left:20px}
        div.diapositiva span p {font-size:14pt; color:#444; margin:0px; padding:0px; margin-bottom:5px; margin-left:40px}
        div.diapositiva span p.podcast {cursor:pointer; width:auto}
        div.diapositiva span p.podcast:hover {text-shadow:1px 1px 3px #444; color:#f00}
        div.diapositiva span p+p {font-size:10pt; color:#666; margin-left:60px; cursor:text}
        div.diapositiva span p+p~span {font-size:8pt; color:#ccc; overflow:hidden; height:0px}
        div.diapositiva span p small {font-size:7pt; color:#000}
        div.diapositiva#otros {border-radius:20px; border:1px solid #ccc; margin-left:30px; margin-right:15px}

        div.ficha {display:inline-block; position:relative; border:0px solid #999; border-radius:10px; padding:5px; margin:5px; margin-left:20px;  width:auto; height:auto; background-color:#eeeeee; box-shadow:0px 0px 5px #000; color:#666; font-size:12pt; margin-right:20px}
        div.ficha table td {font-size:8pt}
        div.ficha div.titulo, div.ficha div.columna, div.ficha div.autor, div.ficha div.fecha, div.ficha div.keywords, div.ficha div.palabras, div.ficha div.url, div.ficha div.editorial,div.ficha div.unspsc,div.ficha div.ccif,div.ficha div.isic,div.ficha div.isbn,div.ficha div.genero,div.ficha div.descripcion, div.ficha div.imagen {position:relative; display:inline-block; font-size:18pt; color:#69f}
        div.ficha div.titulo {position:relative; display:inline-block; font-size:22pt; color:#842; }
        div.ficha div.autor {font-size:11pt; color:#444}
        div.ficha div.fecha {font-size:8pt; color:#820; font-family:serif}
        div.ficha div.keywords,div.ficha div.palabras, div.ficha div.editorial, div.ficha div.unspsc, div.ficha div.ccif, div.ficha div.isic, div.ficha div.isbn, div.ficha div.genero, div.ficha div.descripcion, div.ficha div.imagen {font-size:8pt; color:#777}
        div.ficha div.url {font-size:8pt; color:#00f}
        div.aum {position:absolute; top:0px; left:10%; visibility:hidden; z-index:50; border-radius:10px; width:250px; margin:10%; height:auto; padding:20px; border:2px solid black; box-shadow:2px 2px 4px #444; background-color:#eee; font-size:14pt}
        div.aum div {margin-left:1em; font-weight:bold}
        div.aum small {color:#444; font-size:12pt; font-weight:normal}
        div.aum small span {color:#080; font-weight:bold; font-size:14pt}
        div.formout span.eror0 {display:block; position:relative; color:#080}
        div.formout span.eror2 {display:block; position:relative; color:#f00}
        div.formout span.eror1 {display:block; position:relative; color:#833}
        div.formout span.eror0 span.dns {display:inline-block; position:relative; color:#666}
        
        @media screen /*telefonos*/
        and (min-width:0px) 
        and (max-width:480px) {
           div.mostrar h1, div.mostrar h2, div.mostrar h3, div.mostrar h4, div.mostrar h5, div.mostrar h6 {width:85%}
           body {font-size:10pt} 
           table.calc tr.headr th+th~th {padding-left:6px}
           audio {width:90%}
           p.topuro , p.img, p.tolink{width:85%}
           p.img span.txt,p.img span.bar {width:60%}
           p.img span.bar, p.img0 span.bar {width:90%}
           p.img0 {padding-right:10px;}
           p.img span.img {width:90%; float:none; display:block}
           p.img0 span.img {width:90%; display:block}
           p.img span.img span {font-size:90%}
           p.fimgm span.img {width:40%}
           table.formux3 {width:85%; margin-left:20px}
           table.formux2 {width:70%}
           table.formux {width:85%; margin-left:20px}
           table.formux tr td input[type="text"] {width:80%}
           div.catal span.uno input[type="text"].dos {width:20em}
           div.catal span.tres {width:65%}
           table.resus {font-size:75%}
           ol,ul {width:70%}
           

        }

        @media screen /*Telefonotes*/
        and (min-width:480px) 
        and (max-width:768px) {
           table.calc tr.headr th+th~th {padding-left:6px}
           audio {width:90%}
           p.img span.txt,p.img span.bar {width:60%}
           p.img span.bar, p.img0 span.bar {width:100%}
           p.img span.img {width:45%}
           p.fimgm span.img {width:25%}
           table.formux2 {width:60%}
           div.catal span.uno input[type="text"].dos {width:27em}  
           table.resus {font-size:80%}
        }

        @media screen /*Tablets*/
        and (min-width:769px) 
        and (max-width:1000px) {
           table.calc tr.headr th+th~th {padding-left:10px}
           p.img span.txt,p.img span.bar {width:65%}
           p.img span.bar, p.img0 span.bar {width:100%}
           p.img span.img {width:45%}
           p.fimgm span.img {width:20%}
           table.formux2 {width:50%}
           div.catal span.uno input[type="text"].dos {width:30em}           
           table.resus {font-size:90%}
        }

        @media screen /*Monitores*/
        and (min-width:1001px) 
        and (max-width:1200px) {
           table.calc tr.headr th+th~th {padding-left:13px}
           p.img span.txt,p.img span.bar {width:65%}
           p.img span.bar, p.img0 span.bar {width:100%}
           p.img span.img {width:30%}
        }

        @media screen /*Monitores Grandes*/
        and (min-width:1201px) {
        }