body {background: #000000 url('images/kjfback.png') center center fixed no-repeat; color: #fff; margin: 170px 0px 0px 0px;}
p {font: 10pt Verdana; color : #fff; text-align : justify;}
caption {font: bold italic 13pt Arial; color: #FF0000;}
td, div {font: 10pt Verdana; color: #fff;}
th {background: #000 url('images/fondonavbar.png') top left repeat-x; color: #fff; font: bold italic 12pt Verdana; padding: 0px 0px 2px 0px; vertical-align: bottom;}
h1 {font : bold italic 30px/30px Verdana, Helvetica, sans-serif; text-align : center; color: red;}
H2 {font: bold italic 20px Verdana; color: red; text-align: left}
h3 {font: bold italic 18px "Times New Roman", Times, serif; color: #fc0;}
H4 {font: 14px Verdana; color : #000080; text-align : center}
h5 {font: bold italic 18px "Times New Roman", Times, serif; text-align : center; color : red;}
h6 {font: 10pt Verdana; color : #fff; text-align : center}
ul, ol {font: 10pt Verdana}
hr {width:75%; height:1px; color:#900}
a {font-weight: bold; color: #fc0; text-decoration: none; outline: 0;}
a:hover {color: red;}

table.bordeada {border-collapse: collapse;}
table.bordeada, table.bordeada td {border: 1px solid #0000CC;}

th.videos {background: url('images/videosback.png') bottom left no-repeat; height: 50px; text-align: left; text-indent: 70px;}
th.info {background: url('images/infoback.png') bottom left no-repeat; height: 50px; text-align: left; text-indent: 70px;}
th.news {background: url('images/newsback.png') bottom left no-repeat; height: 50px; text-align: left; text-indent: 70px;}
th.fotos {background: url('images/fotosback.png') bottom left no-repeat; height: 50px; text-align: left; text-indent: 70px;}

#KJFtituback {background: url('images/tituloback.png') top left repeat-x; position: absolute; top: 0px; left: 0px; right: 0px; height: 100px; z-index: 1;}
#KJFtitulo {position: absolute; top: 0px; left: 160px; right: 0px; height: 100px; z-index: 2; text-align: left;}
#KJFlogo {position: absolute; top: 5px; left: 5px; width: 150px; height: 150px; text-align: center; z-index: 7;}
#Navbar {background: url('images/fondonavbar.png') 120px 0px repeat-x; position: absolute; top: 100px; left: 0px; width: 100%; height: 34px; z-index: 5;}
#Navbar a {height: 34px; display: block; outline: 0px;}
#Navbar a:hover {background: url('images/fondonavbar.png') 0 -50px repeat-x; color: #fff;}
#deco {background: url('images/fondodeco.png') top left no-repeat; position: absolute; top: 100px; left: 160px; width: 50px; height: 70px; z-index: 4;}
#KJFContenido {position: absolute; top: 134px; left: 180px; right: 180px; bottom: 0px; padding: 10px; margin-bottom: 96px; overflow-y: auto; z-index: 1;}
#KJFFooter {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 96px; width: 100%; background: #000; z-index: 2; text-align: center;}
#KJFFooter img {opacity: 0.5;}
#KJFFooter img:hover {opacity: 1;}

#leokali {background: url('images/leopanzardokali.png') center center no-repeat; position: absolute; top: 134px; left: 0px; width: 180px; bottom: 40px; z-index: 3;}
#leojkd {background: url('images/leopanzardojkd.png') center center no-repeat; position: absolute; top: 134px; right: 0px; width: 180px; bottom: 40px; z-index: 3;}

#leftbar {background: url('images/fondoleftbar.png') top left repeat-y; padding-top: 5px;}
#leftbar a {background: url('images/buttonleftbar.png') 0 0 no-repeat; width: 167px; height: 24px; display: block; text-indent: 15px; font: bold italic 11pt/24px Arial; color: #fc0;}
#leftbar a:hover {background: url('images/buttonleftbar.png') 0 -24px no-repeat; color: #fff;}
#leftbar a.nodeco {background: transparent none; text-indent: 0; height: auto; outline: 0;}
#leftbar a.nodeco:hover {background: transparent none;}

.icono {font: 9pt Verdana; border: 1px solid #f00;}
.icono a {font: bold 9pt Verdana;}

.dropmenu {position:absolute; top: 130px; visibility: hidden; z-index: 100; border: 1px solid black;}
.dropmenu a {background-image: none; background-color: #036; height: 24px; display: block; font: bold italic 10pt/24px Arial; text-indent: 10px; padding-right: 10px; color: #fc0;  white-space: nowrap; outline: 0px;}
.dropmenu a:hover {background-color: #cc0000; color: #fff;}

table.footmap tr td {font-size: 8pt; border: 1px solid #036;}
table.footmap tr td a {font-size: 8pt; font-weight: normal;}
table.footmap tr th {border: 1px solid #036;}

.titulo {position:relative; display:block;}
.titulo span {position:absolute; display:block; top:0px;}
.titulo:before {display:block; padding:2px; content: attr(title); color:#666;}

#Boton {position: absolute; top: 56px; right: 10px; font: bold 12px/24px Arial;}

#googleleft {position: absolute; top: 430px; left: 10px; width: 150px; z-index: 3;}

.submenu td {background: #4080C0; color: #FFF; font: bold 10pt/24px Verdana;}
.submenu td a {background: #004080; color: #FC0; text-align:center; height: 24px; display: block; font: bold 10pt/24px Verdana; padding-left: 10px; padding-right: 10px;}
.submenu td a:hover {background: #4080C0; color: #FFF;}

#ocultador {position: absolute; top: 0px; left: 160px; width: 5%; height: 100%; z-index: 50; background: transparent; display: block;}

.minusculas {text-transform: lowercase;}

.botonForm {border-left: 2px solid #C0C0C0; border-top: 2px solid #C0C0C0; border-right: 2px solid #333333; border-bottom: 2px solid #333333; background-color: #808080; color: #C0C0C0; font: bold 10pt Verdana; text-align:center;}

input {background-color:#000066; padding:1px; font: 10pt Verdana; color:#ffcc00; border: 2px solid #000099}
textarea {background-color:#000066; padding:5px; font: 10pt Verdana; color:#ffcc00; border: 2px solid #000099}

#tablon {background-color:#000033; border: 8px inset #ffcc00}

#slidemenubar, #slidemenubar2{position:absolute; left:-140px; width:165px; height:100%; top:0px; font-family:Verdana; background-color:black; border-width:0px}

.retorno {font: 10pt Verdana}

.popper {position: absolute; visibility: hidden;}