@font-face {
  font-family:'opensans';
  src: url(fonts/opensans.otf);
}
@font-face {
  font-family:'opensansx';
  src: url(fonts/OpenSans-ExtraBold.ttf);
}
@font-face {
  font-family:'opensansb';
  src: url(fonts/OpenSans-Bold.ttf);
}
@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);
}
body {font-family:'opensans'; font-size:12pt; margin:0px; padding:0%; position:relative;}
sup {color:#777; font-size:8pt; display:inline}
br {margin:0px; padding:0px; line-height:1em}
p.p b, p.t b, p.ta b, p.tb b, p.tc b, li b {font-family:'opensansx'; font-size:105%}
p.p i, p.t i, p.ta i, p.tb i, p.tc i, li i {font-family:'opensans'; color:#048; font-weight:bold}
p.p u, p.t u , p.ta u, p.tb u, p.tc u, li u{font-family:'opensans'; color:#800; font-weight:bold}
p.p, p.t, p.ta, p.tb, p.tc, p.t0 {position:relative; box-shadow:0px 0px 5px #444; padding:10px; padding-top:0px;  margin:1%; margin-right:20px; margin-bottom:20px; margin-top:0px; border-radius:10px; background-color:#def; margin-left:2%}
p.t, p.ta, p.tb, p.tc, p.t0, ul.t0, ol.t0 {box-shadow:none; background-color:transparent; margin:0px; padding:0px; margin-top:0px; margin-bottom:10px; margin-left:2%; margin-right:2%}
p.t0, ul.t0, p.t1, ol.t0 {color:#fff; text-shadow:-1px -1px 2px #400, 1px 1px 2px #000; margin:0px; padding:0px; line-height:1.3em; margin-left:3em; margin-right:3em;font-size:150%; font-family:'opensansb'; transition:font-size 1s}
p.t0, p.t1 {text-indent:-0.5em}
p.t0 a {color:#9ff; text-decoration:underline}
p.t0 a:hover {background:transparent; box-shadow:none; color:#f99}
p.t0:first-letter, p.t1 {font-size:150%}
p.t1 {margin-bottom:1em}

p.p span.intro, p.t span.intro, p.tb span.intro, p.tc span.intro {border:1px solid #08f; background-color:#ff9; font-size:24pt; color:#800; text-align:center; border-radius:15px; box-shadow:3px 3px 7px #666; left:-0.5em; top:-0.5em; padding:0.25em;  padding-top:0.125em; padding-bottom:0.125em; position:relative}

p.tb span.intro, p.tc span.intro {display:inline-block; height:auto; left:-0.9em}
p.p span.txt {position:relative; width:68%; display: inline-block; vertical-align:top; margin-right:2%; text-align:justify; transition:width 1s}
p.p span.txt span.p {display:block}
p.p  span.txt span.p:first-letter {color:#800; font-size:250%}
p.p span.img {width:28%; text-align:center; display:inline-block; border:1px solid #666; border-radius:10px; box-shadow:2px 2px 5px #444; vertical-align:top; transition:width 1s; background-color:#eee}
p.p span.img img, p.p span.img iframe {position:relative; width:100%; height:auto; display:inline-block; border-radius:10px; vertical-align:middle}
p.p span.img img+i, p.p span.img iframe+i {margin:5%; position:relative; width:100%%; display:block; font-weight:normal; font-size: 80%; color:#444;}
p.p a {color:#00f; text-decoration:none}
p.p a:hover {color:#f00; background-color:#ff9}

big {font-size:120%}
big.c150 {font-size:150%; margin:0px; padding:0px; display:inline-block; margin-bottom:0.25em}
big.c150:first-letter{color:#800; font-size:200%;}
h1,h2,h3,h4,h5,h6 {font-family:'opensans'; margin:0px; border:0px solid red}
h1.abo {color:#fff; vertical-align:top; text-align:left; height:auto; font-weight:bold; font-size:24pt; margin-bottom:20px; transition:font-size 1s}
h1.hd, h1.hd0{font-size:250%; color:#000; background-color:#008090; border-radius:5px; height:1.2em; vertical-align:middle; transition:height 1s, font-size 0.5s, padding-top 1s, font-size 1s; padding-bottom:0.3em; font-weight:bold}
h1.hd0 {font-size:150%}
h2{font-size:200%; color:#444; margin-left:5px}
h3{font-size:170%; color:#666; margin-left:10px}
h4{font-size:150%; color:#008; margin-left:15px}
h5{font-size:130%; color:#080; margin-left:20px}
h6{font-size:120%; color:#800; margin-left:25px}
h6.rss{font-size:80%; font-family:monospace; color:#008; margin:0px; padding:0px; padding-left:25px; position:relative; font-weight:normal; font-style:italic; display:inline-block; border:0px solid red; top:-0.5em}
h1.ib,h2.ib,h3.ib,h4.ib,h5.ib,h6.ib {display:inline-block; color:#fff}
h2.ib {color:#ccc}
h3.ib {color:#666}
h4.ib {color:#444}
h5.ib {color:#448}
h6.ib {color:#484}

table.main {width:100%; margin:0px; padding:0px; position:relative; z-index:10}
table.main h1.hd, table.main h1.hd0 {color:#fff; margin:2px}
table.main tr.head td{height:100px; background-color:#ffffff; vertical-align:top; position:relative; text-align:center; border:0px solid red; padding:0px}
table.main tr.head td div.banner {border-radius:10px; background-image:url("imagenes/bannermulti.jpg");background-size:1000px 100px ; background-repeat:repeat-x; background-position:0px 100%; height:100px; position:relative; display:block;  border:0px solid green; overflow:hidden; margin-top:0.2em; margin-bottom:0.1em; transition:background-size 1s, background-position 1s}
table.main tr.head td div.banner table {position:relative; width:100%; border-spacing:5px;}
table.main tr.head td div.banner table tr td {width:25%; border:0px solid green; border-radius:10px; height:90px; background-color:#f99; box-shadow:-1px 1px 3px #666; vertical-align:middle; font-size:150%; transition:font-size 1s}
table.main tr.head td div.banner table tr td span.s {font-size:30%; display:block; margin:0px; margin-left:10%; padding:0px; text-align:center; border:0px solid red}
table.main tr.head td div.banner table tr td+td {background-color:#ff9}
table.main tr.head td div.banner table tr td+td+td {background-color:#9f9}
table.main tr.head td div.banner table tr td+td+td+td {background-color:#99f}
table.main tr.head td div.banner span#txtx {font-family:'opensansb'; display:inline-block; position:relative; font-size:0pt; text-shadow:1px 1px 1px #000, -0.5px -0.5px 1px #f0f, 0px 0px 8px #000000;   color:#ff9; width:85%; line-height:100%; transition:font-size 1s, opacity 0.5s}
table.main tr.head td div.banner+div.bannertexto{height:0; width:0px; position:relative; overflow:hidden; margin:0px; padding:0px; border:0px solid transparent}
table.main tr.head td div.bannerIdle:hover {background-position:100% 100%} 
table.main tr.head td.logo {width:170px; position:relative; transition: width 1s; padding:0px;}


div.logo {
    position:absolute;
    top:0px;
    right:0px;
    width:100%;
    font-family:'opensans';
    font-weight:bold;
    font-size:14pt;
    height:auto;
    padding:5px;
    text-align:center;
    border:0px solid green;
}
div.logo span.img {
    position:absolute;
    left:25%;
    top:5px;
    width:100px;
    height:90px;
    display:inline-block;
    z-index:5;
    overflow:hidden;
    transition:height 1s, width 1s, left 1s, top 1s, margin-top 1s, margin-bottom 1s;
    border:0px solid blue;
    vertical-align:middle;
    
}
div.logo span.img img {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    transition:top 1s;
    border:0px solid purple;
}
div.logo span.texto {
    position:absolute;
    display:inline-block;
    top:0px;
    left:10%;
    border:0px solid #ff9900;
    text-align:center;
}
div.logo span.texto span.sub,div.logo span.texto span.news{
    position:relative;
    font-size:150%;
    vertical-align:top;
    display:inline-block;
    z-index:6;
    transition:font-size 1s;
    border:0px solid #f96;
    font-family:'opensansb';

    
}
div.logo span.texto span.sub+span.sub {
      font-size:100%
}
div.logo span.texto small.uid, div.logo span.texto small.uid2{
  position:relative;
  display:inline-block;
  top:140px;
  left:10px;
  font-size:100%;
  font-weight:normal;
  font-family:'opensansb';
  text-shadow:1px 1px 1px #666, 2px 2px 4px white, -1px -1px 1px black;
  color:#ff6;
  z-index:10;
}

div.logo span.texto small.uid2 {
   text-shadow:1px 1px 1px #666, 2px 2px 4px magenta, -1px -1px 1px black;
   color:#ccf;
   top:110px;
}


table.main tr.head td.banx {border:0px solid red; padding-bottom:0px; overflow:hidden; background-image:url("imagenes/lagoypueblobk.jpg"); background-size:cover; background-position:50% 60%; background-repeat:no-repeat; border-radius:20px }
table.main tr.head td.banx span.debug {position:relative; height:0px; margin:0px; padding:0px}
table.main tr.head td.banx span.news, table.main tr.head td span.news{
  position:relative;
  border:0px solid green;
  font-size:12pt;
  width:auto;
  display:inline-block;
  top:-0.2em;
  padding:0px;
  margin:0px;
  background-color:rgba(255,255,255,0.5);  
  padding:5px;
  margin-left:5px;
  margin-right:5px;
  border-radius:15px;
  transition:font-size 1s,color 1s,font-family 1s;
}
table.main tr.head td.banx span.news b{
  font-family:'opensansx';
  font-size:120%;
}


table.main tr.bodyhd td {position:relative; background-color:#008090; vertical-align:middle; text-align:center; height:auto; line-height:1.3em; padding-top:1em}
table.main tr.bodyhd td h1.hd, table.main tr.bodyhd td h1.hd0  {color:#fff; height:auto; margin:0px; padding:0px}
table.main tr.bodyhd td h1.hd small, table.main tr.bodyhd td h1.hd0 small {font-size:55%}
table.main tr.bodyhd2 td, table.main tr.bodyhd3 td  {background-color:#fff; position:relative; border:0px solid blue;border-bottom:3px ridge #999;padding-top:5px}
table.main tr.bodyhd2 td div,table.main tr.bodyhd3 td div, table.main tr.bodyhd2 td span.img,table.main tr.bodyhd3 td span.img, table.main tr.bodyhd2 td span.img2,table.main tr.bodyhd3 td span.img2  {padding-left:1%; width:45%; vertical-align:top; display:inline-block; position:relative; transition:width 0.5s}
table.main tr.bodyabo td.diapositiva, table.main tr.bodyhd2 td div.diapositiva,table.main tr.bodyhd3 td div.diapositiva  {width:auto}
table.main tr.bodyabo td div ol, table.main tr.bodyhd2 td div ol, table.main tr.bodyhd3 td div ol, table.main tr.bodyabo td div ol.idx, table.main tr.bodyhd2 td div ol.idx, table.main tr.bodyhd3 td div ol.idx {margin-left:40px; border:0px solid red; background:#eee; border-radius:10px; padding:5px; padding-left:2em; width:85%; box-shadow:2px 2px 8px #444}


table.main tr.bodyabo td div ol.t0, table.main tr.bodyhd2 td div ol.t0, table.main tr.bodyhd3 td div ol.t0 {margin-left:0px; border:0px solid red; text-shadow:none; background-color:transparent; border-radius:10px; padding:5px; padding-left:2em; width:93%; box-shadow:none; position:relative;}
table.main tr.bodyabo td div ol.t0 li, table.main tr.bodyhd2 td div ol.t0 li, table.main tr.bodyhd3 td div ol.t0 li {position:relative; left:50px; border:0px solid green}

table.main tr.bodyhd2 td div ol li::marker, table.main tr.bodyhd3 td div ol li::marker {font-family:'opensansx'; font-size:120%; color:#840}
table.main tr.bodyhd2 td div ol li, table.main tr.bodyhd3 td div ol li, table.main tr.bodyhd2 td div ol li.r, table.main tr.bodyhd3 td div ol li.r, table.main tr.bodyhd2 td div ol li.v, table.main tr.bodyhd3 td div ol li.v  {font-family:'opensans'; font-size:90%; color:#444; text-align:justify; margin-bottom:0.7em; margin-left:3%; margin-right:3%}


table.main tr.bodyhd2 td div ol li.r, table.main tr.bodyhd3 td div ol li.r, table.main tr.bodyhd2 td div ol li.v, table.main tr.bodyhd3 td div ol li.v {border:1px solid red; padding:1%; border-radius:10px; box-shadow:1px 1px 8px #444; background-color:transparent}
table.main tr.bodyhd2 td div ol.img li img, table.main tr.bodyhd3 td div ol.img li img {width:30%; float:right; margin:5px; margin-left:20px; transition:width 1s}

table.main tr.bodyhd2 td div ol li.v, table.main tr.bodyhd3 td div ol li.v {border:1px solid #0f0}
table.main tr.bodyhd2 td div ol li b, table.main tr.bodyhd3 td div ol li b{font-family:'opensansb'; color:#000}

table.main tr.bodyabo td div ol.idx li, table.main tr.bodyhd2 td div ol.idx li, table.main tr.bodyhd3 td div ol.idx li {
  margin:0px; 
}


table.main tr.bodyhd2 td div.txt,table.main tr.bodyhd2 td div.txt2, table.main tr.bodyhd3 td div.txt, table.main tr.bodyhd3 td div.txt2 {transition:margin-left 1s, margin-right 1s}
table.main tr.bodyhd2 td div img, table.main tr.bodyhd3 td div img {width:100%; position:relative; display:inline-block; border-radius:10px; box-shadow:-1px -2px 2px #666, 0.5px 0.5px 2px #000 }
table.main tr.bodyabo td div h1.hd, table.main tr.bodyhd2 td div h1.hd, table.main tr.bodyhd3 td div h1.hd, table.main tr.bodyabo td div h1.hd0, table.main tr.bodyhd2 td div h1.hd0, table.main tr.bodyhd3 td div h1.hd0    {color:#008090; height:auto; background-color:transparent; margin:0px; padding:0px}
table.main tr.bodyhd td div p.ta, table.main tr.bodyabo td div p.t, table.main tr.bodyabo td div p.ta, table.main tr.bodyabo td div p.tb, table.main tr.bodyabo td div p.tc , table.main tr.bodyhd2 td div p.t, table.main tr.bodyhd2 td div p.ta, table.main tr.bodyhd2 td div p.tb, table.main tr.bodyhd2 td div p.tc,  table.main tr.bodyhd3 td div p.t, table.main tr.bodyhd3 td div p.tb, table.main tr.bodyhd3 td div p.tc {color:#000000; text-align:justify}
table.main tr.bodyabo td div p.t:first-letter, table.main tr.bodyabo td div p.ta:first-letter, table.main tr.bodyabo td div p.tb:first-letter, table.main tr.bodyabo td div p.tc:first-letter, table.main tr.bodyhd2 td div p.t:first-letter, table.main tr.bodyhd2 td div p.ta:first-letter, table.main tr.bodyhd2 td div p.tb:first-letter, table.main tr.bodyhd2 td div p.tc:first-letter, table.main tr.bodyhd3 td div p.t:first-letter, table.main tr.bodyhd3 td div p.ta:first-letter, table.main tr.bodyhd3 td div p.tb:first-letter, table.main tr.bodyhd3 td div p.tc:first-letter {font-size:250%; color:#800}

table.main tr.bodyhd2 td div.txt2 div.img, table.main tr.bodyhd3 td div.txt2 div.img, table.main tr.bodyhd2 td div.txt2 div.img2, table.main tr.bodyhd3 td div.txt2 div.img2  {float:left; margin-right:10px; background-color:#eee; padding:15px; border-radius:10px; box-shadow:2px 2px 5px #444; margin-bottom:10px; display:inline-block; margin-left:2.5%; position:relative; z-index:10}
table.main tr.bodyhd2 td div.txt2 div.img img, table.main tr.bodyhd3 td div.txt2 div.img img {border-radius:10px}
table.main tr.bodyhd2 td div.txt2, table.main tr.bodyhd3 td div.txt2 {width:95%}
table.main tr.bodyhd2 td div.txt2 div.img  span.txt, table.main tr.bodyhd3 td div.txt2 div.img span.txt ,table.main tr.bodyhd2 td div.txt2 div.img2  span.txt, table.main tr.bodyhd3 td div.txt2 div.img2 span.txt {text-align:center; font-family:'opensans'; font-style:italic; color:#444; display:block; font-size:90%; height:auto; overflow:hidden; cursor:pointer; position:relative; transition: font-size 0.5s}
table.main tr.bodyhd2 td div.txt2 div.img  span.txt a, table.main tr.bodyhd3 td div.txt2 div.img span.txt a{color:#00f; text-decoration:none}
table.main tr.bodyhd2 td div.txt2 div.img  span.txt a:hover, table.main tr.bodyhd3 td div.txt2 div.img span.txt a:hover{color:#f00; text-decoration:underline; background-color:#fff}

table.main tr.bodyhd2 td div.txt2 div.img div, table.main tr.bodyhd3 td div.txt2 div.img div {margin-top:10px; margin-right:5px; background-color:transparent; padding:5px; border-radius:0px; box-shadow:none; margin-bottom:10px; margin-left:5px; position:relative; z-index:11; width:43%}

table.main tr.bodyhd2 td div.txt2 div.img2, table.main tr.bodyhd3 td div.txt2 div.img2 {width:30%}
table.main tr.bodyhd2 td div.txt2 div.img2 span.txt, table.main tr.bodyhd3 td div.txt2 div.img2 span.txt {height:50px; font-size:70%}
table.main tr.bodyhd2 td div.txt2 div.img2 span.txt span.fade, table.main tr.bodyhd3 td div.txt2 div.img2 span.txt span.fade, table.main tr.bodyhd2 td div.txt2 div.img span.txt span.fade, table.main tr.bodyhd3 td div.txt2 div.img span.txt span.fade {position:absolute; bottom:0px; left:0px; top:0px; right:0px;  background-image: linear-gradient(to bottom, rgba(238,238,238,0), rgba(238,238,238,1)); border:0px solid green}

table.main tr.bodyhd2 td div.txt2 div.img2 span.txt span.fade span, table.main tr.bodyhd3 td div.txt2 div.img2 span.txt span.fade span, table.main tr.bodyhd2 td div.txt2 div.img span.txt span.fade span, table.main tr.bodyhd3 td div.txt2 div.img span.txt span.fade span {position:absolute ;display:inline-block; font-size:10pt; color:#00f; bottom:0px; right:0px; border:1px solid red; border-radius:10px; padding:3px; background-color:#eee; visibility:visible; opacity:0.4; font-size:70%; transition:font-size 0.5s, font-family 0.5s, width 0.5s, height 0.5s}

table.main tr.bodyhd2 td div.txt2 div.img2 span.txt span.fade:hover span, table.main tr.bodyhd3 td div.txt2 div.img2 span.txt span.fade:hover span, table.main tr.bodyhd2 td div.txt2 div.img span.txt span.fade:hover span, table.main tr.bodyhd3 td div.txt2 div.img span.txt span.fade:hover span {visibility:visible; opacity:1.0; font-size:100%; font-family:'opensansb'}


table.main tr.bodyhd2 td div.txt2 div.img span.txt, table.main tr.bodyhd3 td div.txt2 div.img span.txt{height:auto}
table.main tr.bodyhd2 td div.txt2 div.img span.txt span.fade, table.main tr.bodyhd3 td div.txt2 div.img span.txt span.fade {background-image:none; border:0px solid blue}


table.main tr.bodyhd2 td div.txt2 span.img, table.main tr.bodyhd3 td div.txt2 span.img, table.main tr.bodyhd2 td div.txt2 span.img2, table.main tr.bodyhd3 td div.txt2 span.img2  {float:left; margin-right:15px; margin-top:5px; background-color:#eee; padding:10px; border-radius:10px; box-shadow:2px 2px 5px #444; margin-bottom:5px; display:inline-block; margin-left:10px; position:relative; z-index:10}
table.main tr.bodyhd2 td div.txt2 span.img img, table.main tr.bodyhd3 td div.txt2 span.img img {border-radius:10px}
table.main tr.bodyhd2 td div.txt2, table.main tr.bodyhd3 td div.txt2 {width:95%}
table.main tr.bodyhd2 td div.txt2 span.img  span.txt, table.main tr.bodyhd3 td div.txt2 span.img span.txt ,table.main tr.bodyhd2 td div.txt2 span.img2  span.txt, table.main tr.bodyhd3 td div.txt2 span.img2 span.txt {text-align:center; font-family:'opensans'; font-style:italic; color:#444; display:block; font-size:90%; height:auto; overflow:hidden; cursor:pointer; position:relative; transition: font-size 0.5s}
table.main tr.bodyhd2 td div.txt2 span.img  span.txt a, table.main tr.bodyhd3 td div.txt2 span.img span.txt a{color:#00f; text-decoration:none}
table.main tr.bodyhd2 td div.txt2 span.img  span.txt a:hover, table.main tr.bodyhd3 td div.txt2 span.img span.txt a:hover{color:#f00; text-decoration:underline; background-color:#fff}

table.main tr.bodyhd2 td div.txt2 span.img div, table.main tr.bodyhd3 td div.txt2 span.img div {margin-top:10px; margin-right:5px; background-color:transparent; padding:5px; border-radius:0px; box-shadow:none; margin-bottom:10px; margin-left:5px; position:relative; z-index:11; width:43%}

table.main tr.bodyhd2 td div.txt2 span.img2, table.main tr.bodyhd3 td div.txt2 span.img2 {width:30%}
table.main tr.bodyhd2 td div.txt2 span.img2 span.txt, table.main tr.bodyhd3 td div.txt2 span.img2 span.txt {height:50px; font-size:70%}
table.main tr.bodyhd2 td div.txt2 span.img2 span.txt span.fade, table.main tr.bodyhd3 td div.txt2 span.img2 span.txt span.fade, table.main tr.bodyhd2 td div.txt2 span.img span.txt span.fade, table.main tr.bodyhd3 td div.txt2 span.img span.txt span.fade {position:absolute; bottom:0px; left:0px; top:0px; right:0px;  background-image: linear-gradient(to bottom, rgba(238,238,238,0), rgba(238,238,238,1)); border:0px solid green; z-index:10}

table.main tr.bodyhd2 td div.txt2 span.img2 span.txt span.fade span, table.main tr.bodyhd3 td div.txt2 span.img2 span.txt span.fade span, table.main tr.bodyhd2 td div.txt2 span.img span.txt span.fade span, table.main tr.bodyhd3 td div.txt2 span.img span.txt span.fade span {position:absolute ;display:inline-block; font-size:10pt; color:#00f; bottom:0px; right:0px; border:1px solid red; border-radius:10px; padding:3px; background-color:#eee; visibility:visible; opacity:0.4; font-size:40%; transition:font-size 0.5s, font-family 0.5s, width 0.5s, height 0.5s}

table.main tr.bodyhd2 td div.txt2 span.img2 span.txt span.fade:hover span, table.main tr.bodyhd3 td div.txt2 span.img2 span.txt span.fade:hover span, table.main tr.bodyhd2 td div.txt2 span.img span.txt span.fade:hover span, table.main tr.bodyhd3 td div.txt2 span.img span.txt span.fade:hover span {visibility:visible; opacity:1.0; font-size:100%; font-family:'opensansb'}


table.main tr.bodyhd2 td div.txt2 span.img span.txt, table.main tr.bodyhd3 td div.txt2 span.img span.txt{height:auto}
table.main tr.bodyhd2 td div.txt2 span.img span.txt span.fade, table.main tr.bodyhd3 td div.txt2 span.img span.txt span.fade {background-image:none; border:0px solid blue}



table.main tr.bodyhd2 td div.txt2 i, table.main tr.bodyhd3 td div.txt2 i {font-size:90%; font-weight:normal; color:#060}
table.main tr.bodyhd2 td div.txt2 i.s, table.main tr.bodyhd3 td div.txt2 i.s {font-size:100%; font-weight:bold; color:#006}
table.main tr.bodyhd2 td div.txt2 small, table.main tr.bodyhd3 td div.txt2 small {font-size:85%; font-weight:normal; color:#444}
table.main tr.bodyhd2 td div.txt2 small.s, table.main tr.bodyhd3 td div.txt2 small.s {font-size:70%; margin-left:5%; display:inline-block;}
hr {border-top:4px ridge #668}
table.main tr.bodyhd2 td div.txt2 small.b, table.main tr.bodyhd3 td div.txt2 small.b {font-size:20%; font-weight:normal; color:#444}



table.main tr.bodyabo td {position:relative; z-index:0;  padding:0px; color:#000; text-shadow:0px 0px 0px #99f; font-weight:normal}
table.main tr.bodyabo td h1.abo, table.main tr.bodyabo td h1.abo2 {position:relative; z-index:30; color:#000; text-shadow:0px 0px 0px #fff; font-family:'opensansb'; font-size:250%; transition:font-size 1s}
table.main tr.bodyabo td h1.abo2 {color:#fff; text-shadow:-1px -1px 2px #080, 2px 2px 3px #000; margin-left:2.5% }
table.main tr.bodyabo td div{width:94%;  margin:1%; position:relative; display:inline-block; z-index:20; background-color:transparent; opacity:1.0; padding:1%; border:10px solid #999; border-radius:20px}

table.main tr.bodyabo td p.p span.qryout {width:90%; border:0px solid transparent; font-family:monospace; font-size:90%; display:block}
table.main tr.bodyabo td p.p input[type="button"] {background-color:#0f4; padding:3px; font-size:100%; font-family:'opensansx'; border-radius:10px}

table.main tr.bodyabo td div span.txt,table.main tr.bodyabo td div span.txt2, table.main tr.bodyabo td div span.txt3  {position:relative; padding:0px; padding-top:-10px}
table.main tr.bodyabo td div span.txt,table.main tr.bodyabo td div span.txt2, table.main tr.bodyabo td div span.txt3 {display:inline-block; width:55%; margin-bottom:20px; vertical-align:top; transition: font-size 1s}
table.main tr.bodyabo td div span.img,table.main tr.bodyabo td div span.img2{position:relative; display:inline-block; margin:0px; margin-left:10px; border:3px solid #06c; border-radius:10px; box-shadow:3px 3px 6px #444; width:40%; height:auto; padding:0px; margin-bottom:20px; z-index:5; vertical-align:top; overflow:hidden; transition: width 1s, height 1s}
table.main tr.bodyabo td div span.img img, table.main tr.bodyabo td div span.img2 img {position:relative; display:inline-block; width:100%; height:auto; border-radius:7px; margin:0px; padding:0px; border:0px solid red; vertical-align:middle; z-index:10}


table.main tr.bodyabo td div span.txt2{width:80%}
table.main tr.bodyabo td div span.img2{width:15%}
table.main tr.bodyabo td div span.txt3 {width:95%; position:relative; z-index:10}
table.main tr.bodyabo td div span.txt3 p.t ,table.main tr.bodyabo td div span.txt3 p.ta{text-align:justify; position:relative; z-index:1}
table.main tr.bodyabo td div span.txt3 span.img {float:right; width:30%; background-color:transparent; text-align:center; font-style:italic; position:relative; z-index:5; transition:width 1s, height:1s}
table.main tr.bodyabo td div span.txt3 span.img img {border-radius:0px; position:relative; z-index:1}
table.main tr.bodyabo td div span.txt3:active span.img {width:95%}


table.main tr.bot td {border:1px solid white; padding-top:10px}
table.main tr.bot td div, div.bot {font-size:80%; color:#444; text-align:center; margin-bottom:30px}
table.main tr.bot td div span {font-size:120%}


div.menu {position:absolute; top:3em; left:0px; z-index:20; border:0px solid #080; width:15px; height:15px}
div.menu span.symbol {width:1.5em; height:1.5em; margin:0px; padding:0px; text-align:center;display:block; font-size:180%; position:relative; border:0px solid red; cursor:pointer}
div.menu ul {position:relative; left:-240px; top:-10px; transition:left 0.5s; width:200px; background-color:#004060; border:0px solid red; margin:0px; padding:5px; padding-left:10px; padding-top:10px; border-radius:15px; box-shadow:5px 5px 10px #222;  text-align:left; font-size:14pt}
div.menu ul li {border:0px solid green; position:relative}
div.menu ul li, div.menu ul li a, div.menu ul li.deact {height:1em; cursor:pointer; display:block; border-radius:5px; padding:0px; padding-top:0.3em; padding-bottom:0.3em; font-weight:bold; color:#fff; position:relative; border:0px solid green}

div.menu ul li:hover,div.menu ul li.deact:hover, div.menu ul li:hover a:hover{background-color:#999; color:#000; text-shadow:2px 2px 4px #0c0}

div.menu ul li.deact {color:#555; margin-left:1em; font-size:85%; padding:0em; padding-bottom:0.5em; border:0px solid red}
div.menu ul li.deact:hover {color:#ccc; text-shadow:2px 2px 4px #f00}
a {height:auto; display:inline; text-decoration:none}
div.menu ul li a {height:1.3em; background-color:transparent; display:inline-block; top:-0.2em; border:0px solid red; padding:0px; margin:0; margin-left:0.5em}

div.menu ul li small {font-size:60%}


p.t a, p.ta a, p.tb a, ol li a, p.p a {color:#00f; font-family:'opensans'}
p.t a:hover, p.ta a:hover, ol li a:hover, p.p a:hover {background-color:transparent; color:#f00; text-decoration:underline; font-family:'opensansb'}
p.p input[type="text"] {border-radius:10px; padding:3px}

p.ta, p.tb, p.tc {background-color:#ddd; border-radius:10px; padding:0px}
p.tb {background-color:transparent; border:2px solid #0ff; box-shadow:4px 4px 15px #444; padding:10px; background-color:#ffc}
p.tc {background-color:#ffc; border:2px solid #080; border-radius:10px; box-shadow:2px 2px 9px #444; padding:10px}
p.ta a, p.tb a, p.tc a {color:#00f; background-color:transparent}
p.ta a:hover, p.tb a:hover, p.tc a:hover {color:#f00; font-weight:bold; text-decoration:underline}




/*div.menu span.symbol:hover+ul, div.menu ul:hover {left:15px}*/

span.campo {border:1px solid #bbb; border-radius:10px; position:relative; margin:5px; padding:5px; padding-right:1em; background-color:#fff; display:inline-block; vertical-align:top; padding-bottom:-1.0em; height:auto; margin-bottom:0.5em}
span.campo span.titulo {background-color:#fff; position:absolute; top:-0.8em; left:1em; font-size:100%;padding:1px; display:inline-block;}
span.campo span.titulo+span {position:relative; display:inline-block; width:auto; margin-top:4px; margin-right:5px; text-align:center; font-size:100%}
span.campo span.titulo+span input[type="text"] {border:0px solid #fff; font-family:monospace; font-size:100%; position:relative; background-color:#eee; border-radius:10px}
span.campo span.titulo+span input[type="button"] {border:1px solid #444; margin:0px; margin-left:0.6em; margin-bottom:5px; margin-top:5px; font-size:150%; position:relative; border-radius:10px; box-shadow:2px 2px 5px #444; background-color:#0f0}
span.campo span.titulo+span input[type="button"]:active {left:2px; top:2px;  box-shadow:1px 1px 2px #444; border:2px solid #f00; margin-bottom:3px; background-color:#f00; color:#fff}
span.campo span.titulo+span+span.hinter, span.campo span.titulo+span+span.hinter2 {font-size:0px; color:#444; display:inline-block; padding:0px; padding-left:0.5em; padding-right:0.5em; position:relative; vertical-align:bottom; text-align:center; text-shadow:0px 0px 0px #fff; overflow:hidden; width:0em; height:0px; text-align: center; z-index:20; margin:0px; display:block;  transition:font-size 0.25s, width 0.25s, height 0.25s}
span.campo span.titulo+span+span.hinter2 {font-size:80%; height:auto; display:block}
span.campo span.titulo+span+span.hinter2 b {font-size:90%; color:#00f}
span.campo span.titulo+span+span.hinter2 i {font-size:90%; font-weight:bold; color:#800}

span.campo span.titulo+span input+span, span.campo span.titulo+span textarea+span {border:1px solid black; border-radius:10px; padding:0.5em; padding-top:0.1em; padding-bottom:0.1em; margin:0px; margin-left:4px; font-size:9pt; font-family:"opensans"; font-weight:bold; text-shadow:0px 0px 0px #fff; cursor:pointer; display:inline-block}

span.campo span.titulo+span input+span.on, span.campo span.titulo+span textarea+span.on {font-size:11pt; background-color:#f00; color:#fff}

table.main tr.bodyabo td div.fbk, table.main tr.bodyhd2 td div.fbk {border:1px solid #999; margin:0px; padding:10px; display:inline-block; margin-bottom:5px; width:auto; text-shadow:0px 0px 0px #fff; color:black; border-radius:15px}
table.main tr.bodyabo td div.fbk small, table.main tr.bodyhd2 td div.fbk small {color:blue}
table.main tr.bodyabo td div.fbk small b, table.main tr.bodyhd2 td div.fbk small b {color:#000; font-weight:bold; font-style:normal; font-size:110%}
table.main tr.bodyabo td div.fbk a, table.main tr.bodyhd2 td div.fbk a {color:#00f; text-decoration:underline; background-color:transparent;}
table.main tr.bodyabo td div.fbk a:hover, table.main tr.bodyhd2 td div.fbk a:hover {color:#f00; text-decoration:underline}

    big.em, h1.em {font-size:150%; display:block; font-weight:bold;}
    big.emb, h1.emb {font-size:130%; margin-left:2em; display:block}
    span.em {display:inline-block; border:1px solid #444; border-radius:10px; text-align:center; font-size:4em; width:46%; height:auto; vertical-align:top; padding:0px; padding-top:5px; margin:2.5px; margin-bottom:10px}
    span.em span.a {font-size:0.25em; border:0px solid green; display:inline-block; text-align:top; margin:0px; padding:0px; width:auto}
    span.em small.b {font-size:0.2em; display:block; text-align:right; padding-right:5px}

table.CCIF{border-left:1px solid #666; border-top:1px solid #666; margin-bottom:2em}
table.CCIF tr th {background-color:#0ff; border-bottom:1px solid #444; border-right:1px solid #444; text-align:left}
table.CCIF tr td.b {background-color:transparent; border-bottom:1px solid #444; border-right:1px solid #444; position:relative}
table.CCIF tr td.b span, table.CCIF tr th span {font-size:80%; text-align:right; position:relative; width:40%; display:inline-block; background-color:#ccc}
table.CCIF tr td.b span.bas, table.CCIF tr th span.bas{background-color:red; color:white; width:auto; float:right}
table.CCIF tr td.b+td.b, table.CCIF tr th+th  {text-align:right}

table.main tr.bodyhd td p.t {font-size:80%; color:#ccc; line-height:1.2em; margin-top:1em}
table.main tr.bodyhd td p.t big {font-size:120%; color:#ccc; margin:0px; padding:0px}
table.main tr td span#inforix{position:relative; border:1px solid red; display:inline-block}
table.main tr td div div.canaster {margin-left:20px; width:90%; border:1px solid green; border-radius:10px}
table.main tr td div div.canaster table {border:0px solid #666; border-radius:10px}
table.main tr td div div.canaster table tr td, table.main tr td div div.canaster table tr th {border-bottom:0px solid #000; border-right:0px solid #000; border-top:0px solid #666; border-left:0px solid #999; padding:3px; border-radius:10px; box-shadow:1px 1px 2px #444; transition:height 1s, font-size 0.5s, padding 0.25s}
table.main tr td div div.canaster table tr th {background-color:#aaf}

table.main tr td div div.canaster table tr.sec th{background-color:#faa}

table.main tr td div div.canaster table tr.sec0 th,table.main tr td div div.canaster table tr.sec1 th, table.main tr td div div.canaster table tr.sec2 th, table.main tr td div div.canaster table tr.sec3 th, table.main tr td div div.canaster table tr.sec4 th, table.main tr td div div.canaster table tr.sec5 th, table.main tr td div div.canaster table tr.sec6 th, table.main tr td div div.canaster table tr.sec7 th, table.main tr td div div.canaster table tr.sec8 th, table.main tr td div div.canaster table tr.sec9 th, table.main tr td div div.canaster table tr.sec10 th, table.main tr td div div.canaster table tr.sec11 th{background-color:#fa4; border:1px solid #444}

table.main tr td div div.canaster table tr td, table.main tr td div div.canaster table tr.subtd td{background-color:#ffb; font-size:0em; border:0px solid #444; height:0em; vertical-align:top; padding:0px; box-shadow:none; overflow:hidden; transition:height 1s, font-size 0.5s, padding 0.25s}

table.main tr td div div.canaster table tr td input[type="text"] {position:absolute; height:0px; border:none; overflow:hidden; padding:0px; margin:0px; border-radius:10px; background-color:#ccc; text-align:right}

table.main tr td div div.canaster table tr.subtd td {background-color:#fff}

table.main tr td div div.canaster table tr.td0+tr.subtd td ol,
table.main tr td div div.canaster table tr.td1+tr.subtd td ol,
table.main tr td div div.canaster table tr.td2+tr.subtd td ol,
table.main tr td div div.canaster table tr.td3+tr.subtd td ol,
table.main tr td div div.canaster table tr.td4+tr.subtd td ol,
table.main tr td div div.canaster table tr.td5+tr.subtd td ol,
table.main tr td div div.canaster table tr.td6+tr.subtd td ol,
table.main tr td div div.canaster table tr.td7+tr.subtd td ol,
table.main tr td div div.canaster table tr.td8+tr.subtd td ol,
table.main tr td div div.canaster table tr.td9+tr.subtd td ol,
table.main tr td div div.canaster table tr.td10+tr.subtd td ol,
table.main tr td div div.canaster table tr.td11+tr.subtd td ol {margin:0px; padding:0px; box-shadow:0px 0px 0px #444; position:relative;  border:0px solid #444}

table.main tr td div div.canaster table tr.td0 th, table.main tr td div div.canaster table tr.td1 th, table.main tr td div div.canaster table tr.td2 th, table.main tr td div div.canaster table tr.td3 th, table.main tr td div div.canaster table tr.td4 th, table.main tr td div div.canaster table tr.td5 th, table.main tr td div div.canaster table tr.td6 th, table.main tr td div div.canaster table tr.td7 th, table.main tr td div div.canaster table tr.td8 th, table.main tr td div div.canaster table tr.td9 th, table.main tr td div div.canaster table tr.td10 th, table.main tr td div div.canaster table tr.td11 th {font-size:0em; border:0px solid #444; height:0em; padding:0px; box-shadow:none; transition:height 1s, font-size 1s, padding 0.25s}



table.main tr td div div.canaster table tr.sec, 
table.main tr td div div.canaster table tr.sec0, 
table.main tr td div div.canaster table tr.sec1, 
table.main tr td div div.canaster table tr.sec2, 
table.main tr td div div.canaster table tr.sec3, 
table.main tr td div div.canaster table tr.sec4, 
table.main tr td div div.canaster table tr.sec5, 
table.main tr td div div.canaster table tr.sec6, 
table.main tr td div div.canaster table tr.sec7, 
table.main tr td div div.canaster table tr.sec8, 
table.main tr td div div.canaster table tr.sec9, 
table.main tr td div div.canaster table tr.sec10, 
table.main tr td div div.canaster table tr.sec11{cursor:pointer}

table.main tr td div div.canaster table tr.sec th {border:0.5px solid #444}



table.main tr td div div.canaster table tr.sec td ,
table.main tr td div div.canaster table tr.sec0~tr.td0 td ,
table.main tr td div div.canaster table tr.sec1~tr.td1 td ,
table.main tr td div div.canaster table tr.sec2~tr.td2 td ,
table.main tr td div div.canaster table tr.sec3~tr.td3 td ,
table.main tr td div div.canaster table tr.sec4~tr.td4 td ,
table.main tr td div div.canaster table tr.sec5~tr.td5 td ,
table.main tr td div div.canaster table tr.sec6~tr.td6 td ,
table.main tr td div div.canaster table tr.sec7~tr.td7 td ,
table.main tr td div div.canaster table tr.sec8~tr.td8 td ,
table.main tr td div div.canaster table tr.sec9~tr.td9 td ,
table.main tr td div div.canaster table tr.sec10~tr.td10 td ,
table.main tr td div div.canaster table tr.sec11~tr.td11 td, 
table.main tr td div div.canaster table tr.sec0~tr.td0a td ,
table.main tr td div div.canaster table tr.sec1~tr.td1a td ,
table.main tr td div div.canaster table tr.sec2~tr.td2a td ,
table.main tr td div div.canaster table tr.sec3~tr.td3a td ,
table.main tr td div div.canaster table tr.sec4~tr.td4a td ,
table.main tr td div div.canaster table tr.sec5~tr.td5a td ,
table.main tr td div div.canaster table tr.sec6~tr.td6a td ,
table.main tr td div div.canaster table tr.sec7~tr.td7a td ,
table.main tr td div div.canaster table tr.sec8~tr.td8a td ,
table.main tr td div div.canaster table tr.sec9~tr.td9a td ,
table.main tr td div div.canaster table tr.sec10~tr.td10a td ,
table.main tr td div div.canaster table tr.sec11~tr.td11a td, 
table.main tr td div div.canaster table tr.sec0~tr.td0 th ,
table.main tr td div div.canaster table tr.sec1~tr.td1 th ,
table.main tr td div div.canaster table tr.sec2~tr.td2 th ,
table.main tr td div div.canaster table tr.sec3~tr.td3 th ,
table.main tr td div div.canaster table tr.sec4~tr.td4 th ,
table.main tr td div div.canaster table tr.sec5~tr.td5 th ,
table.main tr td div div.canaster table tr.sec6~tr.td6 th ,
table.main tr td div div.canaster table tr.sec7~tr.td7 th ,
table.main tr td div div.canaster table tr.sec8~tr.td8 th ,
table.main tr td div div.canaster table tr.sec9~tr.td9 th ,
table.main tr td div div.canaster table tr.sec10~tr.td10 th ,
table.main tr td div div.canaster table tr.sec11~tr.td11 th {font-size:1em; box-shadow:1px 1px 2px #444; height:1em; padding:3px; border:0.5px solid #444; position:relative; transition: font-size 1s}

table.main tr td div div.canaster table tr.sec td input[type="text"] ,
table.main tr td div div.canaster table tr.sec0~tr.td0 td input[type="text"],
table.main tr td div div.canaster table tr.sec1~tr.td1 td input[type="text"],
table.main tr td div div.canaster table tr.sec2~tr.td2 td input[type="text"],
table.main tr td div div.canaster table tr.sec3~tr.td3 td input[type="text"],
table.main tr td div div.canaster table tr.sec4~tr.td4 td input[type="text"],
table.main tr td div div.canaster table tr.sec5~tr.td5 td input[type="text"],
table.main tr td div div.canaster table tr.sec6~tr.td6 td input[type="text"],
table.main tr td div div.canaster table tr.sec7~tr.td7 td input[type="text"],
table.main tr td div div.canaster table tr.sec8~tr.td8 td input[type="text"],
table.main tr td div div.canaster table tr.sec9~tr.td9 td input[type="text"],
table.main tr td div div.canaster table tr.sec10~tr.td10 td input[type="text"],
table.main tr td div div.canaster table tr.sec11~tr.td11 td input[type="text"], 
table.main tr td div div.canaster table tr.sec0~tr.td0a td input[type="text"],
table.main tr td div div.canaster table tr.sec1~tr.td1a td input[type="text"],
table.main tr td div div.canaster table tr.sec2~tr.td2a td input[type="text"],
table.main tr td div div.canaster table tr.sec3~tr.td3a td input[type="text"],
table.main tr td div div.canaster table tr.sec4~tr.td4a td input[type="text"],
table.main tr td div div.canaster table tr.sec5~tr.td5a td input[type="text"],
table.main tr td div div.canaster table tr.sec6~tr.td6a td input[type="text"],
table.main tr td div div.canaster table tr.sec7~tr.td7a td input[type="text"],
table.main tr td div div.canaster table tr.sec8~tr.td8a td input[type="text"],
table.main tr td div div.canaster table tr.sec9~tr.td9a td input[type="text"],
table.main tr td div div.canaster table tr.sec10~tr.td10a td input[type="text"],
table.main tr td div div.canaster table tr.sec11~tr.td11a td input[type="text"] {height:1.5em; padding:2px; position:relative}

table.main tr td div div.canaster table tr.td0a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td1a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td2a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td3a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td4a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td5a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td6a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td7a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td8a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td9a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td10a+tr.subtd td ol,
table.main tr td div div.canaster table tr.td11a+tr.subtd td ol,
{margin:15%; margin-left:20px; padding:5px; box-shadow:2px 2px 8px #444; border:1px solid #444}


table.main tr td div div.canaster table tr.td0, table.main tr td div div.canaster table tr.td1, table.main tr td div div.canaster table tr.td2, table.main tr td div div.canaster table tr.td3, table.main tr td div div.canaster table tr.td4, table.main tr td div div.canaster table tr.td5, table.main tr td div div.canaster table tr.td6, table.main tr td div div.canaster table tr.td7, table.main tr td div div.canaster table tr.td8, table.main tr td div div.canaster table tr.td9, table.main tr td div div.canaster table tr.td10, table.main tr td div div.canaster table tr.td11, table.main tr td div div.canaster table tr.td0a, table.main tr td div div.canaster table tr.td1a, table.main tr td div div.canaster table tr.td2a, table.main tr td div div.canaster table tr.td3a, table.main tr td div div.canaster table tr.td4a, table.main tr td div div.canaster table tr.td5a, table.main tr td div div.canaster table tr.td6a, table.main tr td div div.canaster table tr.td7a, table.main tr td div div.canaster table tr.td8a, table.main tr td div div.canaster table tr.td9a, table.main tr td div div.canaster table tr.td10a, table.main tr td div div.canaster table tr.td11a {cursor:pointer}

table.main tr td div div.canaster table tr.td0a+tr.subtd td, table.main tr td div div.canaster table tr.td1a+tr.subtd td, table.main tr td div div.canaster table tr.td2a+tr.subtd td, table.main tr td div div.canaster table tr.td3a+tr.subtd td, table.main tr td div div.canaster table tr.td4a+tr.subtd td, table.main tr td div div.canaster table tr.td5a+tr.subtd td, table.main tr td div div.canaster table tr.td6a+tr.subtd td, table.main tr td div div.canaster table tr.td7a+tr.subtd td, table.main tr td div div.canaster table tr.td8a+tr.subtd td, table.main tr td div div.canaster table tr.td9a+tr.subtd td, table.main tr td div div.canaster table tr.td10a+tr.subtd td, table.main tr td div div.canaster table tr.td11a+tr.subtd td {height:10em; font-size:1em;}


table.main tr td div div.canaster table tr td+td~td,  table.main tr td div div.canaster table tr td[colspan="4"]~td{text-align:right}

 table.main tr.bodyabo td div ol.t0 li, table.main tr.bodyhd2 td div ol.t0 li, table.main tr.bodyhd3 td div ol.t0 li {left:30px; z-index:0}

 table.main tr.bodyabo td div ol.t0 li.img, table.main tr.bodyhd2 td div ol.t0 li.img, table.main tr.bodyhd3 td div ol.t0 li.img,
 table.main tr.bodyabo td div ol li.img, table.main tr.bodyhd2 td div ol li.img, table.main tr.bodyhd3 td div ol li.img {position:relative; z-index:10;  text-align:justfy}

 table.main tr.bodyabo td div ol.t0 li.img span.txt, table.main tr.bodyhd2 td div ol.t0 li.img span.txt, table.main tr.bodyhd3 td div ol.t0 li.img span.txt ,  table.main tr.bodyabo td div ol li.img span.txt, table.main tr.bodyhd2 td div ol li.img span.txt, table.main tr.bodyhd3 td div ol li.img span.txt {font-style:italic; text-align:center; display:block; width:94%; border:0px solid green; margin:0px; position:relative; left:3%}

 table.main tr.bodyabo td div ol.t0 li.img img.li, table.main tr.bodyhd2 td div ol.t0 li.img img.li, table.main tr.bodyhd3 td div ol.t0 li.img img.li,  table.main tr.bodyabo td div ol li.img img.li, table.main tr.bodyhd2 td div ol li.img img.li, table.main tr.bodyhd3 td div ol li.img img.li {position:relative; display:block; width:96%; vertical-align:top; float:none; border:0px solid red: ; box-shadow:1px 1px 8px #000}

ul.t0, ol.t0 {margin:1em; margin-left:2em; font-size:100%; transition:font-size 1s; margin-right:20%; color:#fff}
ul.t0 li, ol.t0 li {line-height:1.5em; border:1px solid #eee; border-radius:10px; background-color:rgba(255,255,255,0.1); margin:1em; padding:4px}
ol.t0 {margin-top:0em; margin-right:5%}
ol.t0 li,ul.t0 li {border:0px solid white; background-color:rgba(255,255,192,0.5); padding:0px; line-height:1.5em; margin:0px; margin-bottom:5px; padding:3px}
ol.t0 li ol.t0 {list-style-type:lower-latin}
ol.t0 li ol.t0 li { background-color:rgba(40,40,255,0.2)}
ul.t0 li sup.lnum, ol.t0 li sup.lnum {color:#9ff}
ul.t0 li big, ul.t0 li small, ul.t0 li b, ul.t0 li i, ol.t0 li big, ol.t0 li small, ol.t0 li b, ol.t0 li i {font-size:140%; display:inline}
ul.t0 li small,ol.t0 li small {font-size:90%; color:#444}
ul.t0 li i, ol.t0 li i{font-size:90%; color:#080}
ul.t0 li b, ol.t0 li b {font-size:100%; color:#080}


 
@media screen /*telefonos*/
and (min-width:0px) 
and (max-width:510px) {
  
    table.main tr.head td.logo {width:110px}
    
    div.logo span.texto span.sub {font-size:120%}
    h1.hd{font-size:180%; padding-top: 0em; padding-bottom:0em; height:2em}
    h1.hd0{font-size:90%; padding-top: 0em; padding-bottom:0em; height:2em}
    table.main tr.head td h1.hd {font-size:80%; padding-top: 0.4em; padding-bottom:0em;}
    h1.abo{font-size:16pt}
    h1.ib{font-size:170%}
    h2.ib{font-size:140%}
    h3.ib{font-size:120%}
    h4.ib{font-size:100%}
    h5.ib{font-size:90%}
    h6.ib{font-size:80%}

    table.main tr.bodyabo td div {width:90%}
    table.main tr.bodyabo td h1.abo{font-size:200%}
    table.main tr.bodyabo td h1.abo2{font-size:150%}
    table.main tr.bodyabo td p.t0 {font-size:100%}
    table.main tr.bodyabo td ul.t0 {font-size:80%}
    table.main tr.bodyabo td div span.txt {font-size:70%; width:45%}
    table.main tr.bodyabo td div span.img {width:47%}
    
    table.main tr.bodyabo td div span.txt3 {font-size:80%}
    table.main tr.bodyabo td div span.txt3 span.img {width:35%}
    table.main tr.bodyabo td div p.tb span.img, table.main tr.bodyabo td div p.tc span.img, table.main tr.bodyabo td div p.t span.img{width:98%}
    
    table.main tr.bodyhd2 td div.img, table.main tr.bodyhd3 td div.img {width:90%}
    table.main tr.bodyhd2 td span.img, table.main tr.bodyhd3 td span.img {width:90%}
    table.main tr.bodyhd2 td div.txt, table.main tr.bodyhd3 td div.txt {width:90%; margin-left:20px; margin-right:20px;}
    table.main tr.bodyhd2 td div.txt h1, table.main tr.bodyhd3 td div.txt h1 {font-size:180%}
    table.main tr.bodyhd3 td div img {margin-left:5px}
    p span.txt {width:50%}
    p span.img {width:45%}
    p span.img span.txt {width:auto}
    p span.img2 span.txt {width:auto}
    p {margin:3%; margin-top:0px}
    p.p {margin-left:3%; margin-top:0px}
    table.main tr.bodyabo td div span.txt2{width:60%}
    table.main tr.bodyabo td div span.img2{width:30%}
    table.main tr.bodyabo td div ol {width:80%}
    table.main tr.bodyhd2 td div.txt2,table.main tr.bodyhd3 td div.txt2{font-size:90%}
    table.main tr.bodyhd2 td div ol li img, table.main tr.bodyhd3 td div ol li img {width:90%; float:none; margin:5px;}
    table.main tr.head td div.banner table tr td span.s {margin-left:3%;} 

   
    table.main tr td {position:relative}
    table.main tr td div div.canaster {margin-left:10px}
    table.main tr td div div.canaster table {font-size:80%}

    table.main tr.bodyabo td div ol.t0 li.img img.li, table.main tr.bodyhd2 td div ol.t0 li.img img.li, table.main tr.bodyhd3 td div ol.t0 li.img img.li,  table.main tr.bodyabo td div ol li.img img.li, table.main tr.bodyhd2 td div ol li.img img.li, table.main tr.bodyhd3 td div ol li.img img.li {position:relative; display:block; width:97%; vertical-align:top; float:none; border:0px solid red}
    table.main tr.bodyabo td div ol.t0, table.main tr.bodyhd2 td div ol.t0, table.main tr.bodyhd3 td div ol.t0 {width:85%}
    
 
}

@media screen /*Telefonotes*/
and (min-width:511px) 
and (max-width:768px) {
    table.main tr.head td.logo {width:120px}
    table.main tr.head td div.banner table tr td {font-size:200%}
    h1.hd{font-size:200%; height:1.7em; padding-top: 0em; padding-bottom:0em;}
    h1.hd0{font-size:100%; padding-top: 0em; padding-bottom:0em; height:2em}
    h1.abo{font-size:18pt}
    table.main tr.head td h1.hd {font-size:100%; padding-top: 0.4em; padding-bottom:0em;}
    table.main tr.bodyabo td div {width:91%}
    table.main tr.bodyabo td div span.txt {font-size:90%; width:45%}
    table.main tr.bodyabo td div span.img {width:48%}
    table.main tr.bodyabo td div p.tb span.img, table.main tr.bodyabo td div p.tc span.img, table.main tr.bodyabo td div p.t span.img {width:98%}
    table.main tr.bodyabo td h1.abo2{font-size:160%}
    table.main tr.bodyabo td p.t0 {font-size:110%}
    table.main tr.bodyabo td ul.t0 {font-size:90%}

    table.main tr.bodyhd2 td div.img, table.main tr.bodyhd3 td div.img {width:55%}
    table.main tr.bodyhd2 td span.img, table.main tr.bodyhd3 td span.img {width:55%}
    table.main tr.bodyhd2 td div.txt, table.main tr.bodyhd3 td div.txt {width:50%}
    table.main tr.bodyhd2 td div.txt h1, table.main tr.bodyhd3 td div.txt h1  {font-size:180%}
    p span.txt {width:55%}
    p span.img {width:40%}
    p span.img span.txt {width:auto}
    p span.img2 span.txt {width:auto}
    p {margin:2%; margin-top:0px}
    p.p {margin-left:2%; margin-top:0px}
    table.main tr.bodyabo td div span.txt2{width:75%}
    table.main tr.bodyabo td div span.img2{width:20%}
    table.main tr.bodyhd2 td div ol li img, table.main tr.bodyhd3 td div ol li img {width:50%; float:right; margin:5px; margin-left:20px}
    span.em {width:30%;}

    table.main tr.bodyabo td div ol.t0 li.img img.li, table.main tr.bodyhd2 td div ol.t0 li.img img.li, table.main tr.bodyhd3 td div ol.t0 li.img img.li,  table.main tr.bodyabo td div ol li.img img.li, table.main tr.bodyhd2 td div ol li.img img.li, table.main tr.bodyhd3 td div ol li.img img.li {position:relative; display:block; width:93%; vertical-align:top; float:none; border:0px solid red}

    table.main tr.bodyhd2 td div.txt2 div.img div, table.main tr.bodyhd3 td div.txt2 div.img div {width:41%}
    table.main tr.bodyabo td div ol.t0, table.main tr.bodyhd2 td div ol.t0, table.main tr.bodyhd3 td div ol.t0 {width:85%}
    
  
}

@media screen /*Tablets*/
and (min-width:769px) 
and (max-width:1000px) {
    h1.hd{font-size:220%; height:1.2em}
    table.main tr.bodyabo td div {width:92%}
    table.main tr.bodyabo td div span.txt {font-size:95%; width:45%}
    table.main tr.bodyabo td div span.img {width:45%}
    p {margin:2%; margin-top:0px}
    table.main tr.bodyabo td div span.txt2{width:75%}
    table.main tr.bodyabo td div span.img2{width:20%}
    table.main tr.bodyhd2 td div ol li img, table.main tr.bodyhd3 td div ol li img {width:40%; float:right; margin:5px; margin-left:20px}
    table.main tr.head td div.banner table tr td {font-size:240%}
    span.em {width:18%;}

    table.main tr.bodyabo td div ol.t0 li.img img.li, table.main tr.bodyhd2 td div ol.t0 li.img img.li, table.main tr.bodyhd3 td div ol.t0 li.img img.li,  table.main tr.bodyabo td div ol li.img img.li, table.main tr.bodyhd2 td div ol li.img img.li, table.main tr.bodyhd3 td div ol li.img img.li {position:relative; display:block; width:94%; vertical-align:top; float:none; border:0px solid red}
    
    table.main tr.bodyabo td div ol.t0, table.main tr.bodyhd2 td div ol.t0, table.main tr.bodyhd3 td div ol.t0 {width:90%}
    


  
}

@media screen /*Monitores*/
and (min-width:1001px) 
and (max-width:1200px) {
    h1.hd{font-size:230%; height:1.2em}
    table.main tr.bodyabo td div {width:93%}
    table.main tr.bodyabo td div span.txt {font-size:95%; width:45%}
    table.main tr.bodyabo td div span.img {width:45%}
    table.main tr.bodyhd2 td div ol.img li img, table.main tr.bodyhd3 td div ol.img li img {width:40%; float:right; margin:5px; margin-left:20px}
    table.main tr.head td div.banner table tr td {font-size:220%}
    span.em {width:13%;}

    table.main tr.bodyabo td div ol.t0 li.img img.li, table.main tr.bodyhd2 td div ol.t0 li.img img.li, table.main tr.bodyhd3 td div ol.t0 li.img img.li,  table.main tr.bodyabo td div ol li.img img.li, table.main tr.bodyhd2 td div ol li.img img.li, table.main tr.bodyhd3 td div ol li.img img.li {position:relative; display:block; width:98%; vertical-align:top; float:none; border:0px solid red}
}

@media screen /*Monitores Grandes*/
and (min-width:1201px) {
    table.main tr.head td div.banner table tr td {font-size:230%}
    span.em {width:11%;}
}