body {
    background-color: white;
    min-width: 100px;
    max-width: 1600px;
}

@media all and (min-resolution:120dpi) and (max-width:1000px) {body {font-size: 20px; } }

section.txt {
    font-family: Cantarell, Verdana;
}

section.logo {
    position: absolute; left: 5%; width: 18%; top: 0px
}
@media all and (min-width:100px) and (max-width:1400px) { section.logo { display: none; } }

section.baner {
    position: absolute; left: 30%; width: 50%; top: 0px
}
@media all and (min-width:100px) and (max-width:1400px) { section.baner { display: none; } }
section.baners {
    position: relative; left: 2%; width: 97%; top: 0px
}
@media all and (min-width:1001px) and (max-width:1400px) { section.baners { left: 10%; width: 850px; } }
@media all and (min-width:1401px) { section.baners { display: none; } }


section.menu {
    position: absolute; left: 5%; width: 18%; top: 300px
}
@media all and (min-width:100px) and (max-width:800px) { section.menu { display: none; } }
@media all and (min-resolution:120dpi) and (min-width:801px) and (max-width:1000px) { section.menu { display: none; } }

section.menus {
    position: relative; left: 5%; width: 90%; top: 20px
}
@media all and (min-width:100px) and (max-width:250px) { section.menus { width: 50%; } }
@media all and (min-width:801px) and (max-resolution:120dpi) { section.menus { display: none; } }
@media all and (min-width:1001px) { section.menus { display: none; } }

section.tresc {
    position: absolute; left: 30%; width: 50%; top: 280px
}
@media all and (min-width:800px) and (max-width:1000px) { section.tresc { left: 25%; width: 70%; } }
@media all and (min-width:1000px) and (max-width:1400px) { section.tresc { left: 30%; width: 650px; } }

@media all and (min-width:100px) and (max-width:800px) { section.tresc { position: relative; top: 60px; left:5%; width: 90%; } }
@media all and (min-resolution:120dpi) and (min-width:800px) and (max-width:1000px) { section.tresc { position: relative; top: 60px; left:5%; width:90%; } }

section.poster {
    position: absolute; left: 5%; width: 18%; top: 880px
}
@media all and (min-width:100px) and (max-width:800px) { section.poster { position: relative; top: 10px; left:5%; width: 90%; } }
@media all and (min-resolution:120dpi) and (min-width:800px) and (max-width:1000px) { section.poster { position: relative; top: 10px; left:5%; width:90%; } }


div.spon {
    text-align: justify;
    text-justify: auto;
    width: 200px;
    font-size: 14px;
}

div.tpc {
    text-align: justify;
    text-justify: auto;
}

font.title { color: #207FA1; }
font.name  { color: #7c3f01; }

h1.tpc {
color: #175fed;
text-decoration: none
} 

h2 {
color: #cc6600;
text-decoration: none
} 

h3.tpc {
color: #cc6600;
text-decoration: none;
text-align: left;
} 

a {
color: #014346;
text-decoration: none
} 

a.menu {
color: #cc6600;
text-decoration: none
} 
@media all and (min-width:100px) and (max-width:800px) { a.menu { font-size: 15px; } }
@media all and (min-resolution:120dpi) and (min-width:800px) and (max-width:1000px) { a.menu { font-size: 15px; } }

a.spon {
color: #03bfd7;
font-weight: bold;
text-decoration: none
} 

a:hover {
#color: #207FA1;
color: #a7cf3a;
text-decoration: none
}

ol.par {
counter-reset: list;
}
ol.par > li {
  list-style: none;
}
ol.par > li:before {
  content: "(" counter(list, lower-alpha) ") ";
  counter-increment: list;
}

td.topcolor {
    background-color: #a7cf3a;
}

td.mys {
    text-align: center;
    vertical-align: top;
    font-weight: bold;
color: #2f4100;
}

td.w10 {
    width:100pt;
}
@media all and (min-resolution:120dpi) and (max-width:1000px) {td.w10 {width: 240px; } }
@media all and (min-resolution:120dpi) and (max-width:1000px) {td.tpc {font-size: 9mm; } }

td.tabbf {
    vertical-align: top;
    font-weight: bold;
color: #6c9207;
}

tr.evn {
background-color: #ebeeee;
}

tr.odd {
background-color: #d9fafa;
}

img.green {
    border-color: #a7cf3a;
}

img.galeria {
    border-color: #a7cf3a;
    height: 150px;
    float:;
}
@media all and (min-width:100px) and (max-width:800px) { img.galeria { width: 32%; } }
@media all and (min-resolution:120dpi) and (min-width:800px) and (max-width:1000px) { img.galeria { width: 32%; } }

img.poster {
    border-color: #a7cf3a;
    width:150px;
    float:;
}
@media all and (min-width:100px) and (max-width:800px) { img.poster { width: 50%; } }
@media all and (min-resolution:120dpi) and (min-width:800px) and (max-width:1000px) { img.poster { width: 50%; } }

img.w3 { float: right; border-color: white; width: 30% }
img.w4 { float: right; border-color: white; width: 40% }
img.w5 { float: right; border-color: white; width: 50% }
img.w6 { float: right; border-color: white; width: 60% }
img.w0 { float: right; border-color: white; width: 100% }
@media all and (min-resolution:120dpi) and (min-width:100px) and (max-width:1000px) {
    img.w3 { width: 50% }
    img.w4 { width: 50% }
    img.w5 { width: 100% }
    img.w6 { width: 100% }
}