html {font-size: 110%;font-family: Libre Baskerville; /* 100% = 16px */}
body {font-size:110%;font-family: Libre Baskerville;margin: 0; background-color:white}
h1 {font-size:230%; color:#6ea1d6;
text-align: center;margin-top:0px;margin-bottom:0px; padding:5pt;}
h2 {font-size:120%;font-family: Libre Baskerville; text-align: center}
#tablahome2 {max-width: 768px; padding:1px; background-repeat: no-repeat;background-color:white;}
p {text-justify: inter-word;}
a {color: #4465AE;}
a:link {color: #4465AE; text-decoration: none;}
a:visited {color: green; text-decoration: none;}
a:hover {color: blue;}
a:active {color: blue; text-decoration: none;}
table {width: 100%; border:0;margin:auto;}
td {vertical-align: top;}
ol {font-size:100%;}
li {padding: 5px;}
ul {list-style-type: circle;}
.responsive {max-width: 100%;height: auto; text-align:center}
.citar {margin-left:50px;font-family:font-family;background-color: #ede8e8;padding:10px;width:auto; border-radius: 15px}
.gra {font-size: 120%;margin-top:5px;margin-bottom:5px; margin-left:0px;margin-right:0px; width:auto;background-color:white;
display: table;border-style: solid;text-align:center;border-width:1px; border-color:#4682B4 ;color: #4070BF ; border-left-style:none; 
border-right-style:none}

.accordion {background-color: #FFCC66;font-size: 100%;cursor: pointer;padding: 5px;width: auto;border: none;outline: none; 
font-family: Libre Baskerville;transition: 0.4s;}
.accordion:hover {background-color:#139B68;color: White;}

.accordion:hover {
  background-color: #139B68;
}

.active {
  background-color: #139B68;
}

.active {background-color:#139B68;color: White;}
.accordion:after {content: '\002B';color: White; font-weight: bold; float: right; margin-left: 5px;}
.active:after { content: "\2212";background-color: #4465AE;color: White;}
.panel {padding: 0 1px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}

.kotit {font-size: 120%; color:black;padding: 5px; text-align:center}
.kotitOLD {font-size: 120%; color:black;display: table;padding: 5px;
border-width:1px; border-color:#4465AE; background-color: #FFCC66; text-align:center}
.kotit3 {display: block;padding: 1px;font-size:150%; width:auto;background-color:#f2f3f5; box-shadow: 5px 5px #117ac9;border: 1px solid}
.centrar {text-align:center;font-size:90%;width: auto;}
.centrarimg {text-align:center}

@media screen and (max-width: 480px) {
h1old {font-size:120%;background-image: url(EENI-Fondox.jpg);height: auto;max-height:161px; background-repeat:no-repeat}
h1 {font-size:120%;height: auto;max-height:161px}
h2 {font-size:90%;}
.panel {font-size:100%}
.kotit {font-size: 130%}
.kotit3 {font-size: 100%}
.centrar {border-radius: 1px;width:auto}
.citar {margin-left:5px}
.gra {font-size: 110%}
}


@media screen and (min-width: 481px) and (max-width: 600px) {
h1old {font-size:300%;background-image: url(EENI-Fondo.jpg);height: auto;max-height:150px;}
h1 {font-size:120%;height: auto;max-height:150px;}
h2 {font-size:100%}

.kotit {font-size: 140%}
.kotit3 {font-size: 100%}
}

@media screen and (min-width: 601px) {
h1old {background-image: url(EENI-Fondo.jpg);height: auto;max-height:247px;font-size:180%}
h1 {height: auto;max-height:247px;font-size:180%}
h2 {font-size:110%}
.kotit {font-size: 120%}
}

img {border:0px;max-width: 100%}

.topnav {overflow: hidden;background-color: white;}
.topnav a { float: left;  display: block; color: gray; text-align: center; padding: 14px 16px; text-decoration: none;font-size: 17px;}
.topnav a:hover {background-color: #ddd; color: black;}
.active { background-color: gray;  color: gray;}
.topnav .icon {display: none;}
.dropdown { float: left; overflow: auto;}
.dropdown .dropbtn {font-family: font-family; font-size: 14pt;border: medium;outline: white;color: #4465AE;padding: 14px 16px;
background-color: white;font-family: inherit;margin: 0; text-decoration:underline}
.dropdown-content {display: none;position: absolute;background-color: #4465AE;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: white;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown:hover .dropbtn {background-color: #555;color: white;}
.topnav a:hover {background-color: #555;color: white;}
.dropdown-content a:hover {background-color: #ddd;color: black;}
.dropdown:hover .dropdown-content {display: block;}

@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnavold a:not(:first-child), .dropdown .dropbtn {display: none;}
  .topnav a.icon {float: right;display: block;}}
  
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {position: absolute;right: 0;top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.info {font-family: Libre Baskerville;font-size:24pt;margin-top:1px; margin-bottom:15px;height:auto; text-align:center; width: auto;margin:15px; border:medium;border-width:5pt}
.hbanner {text-align:center;padding:1px;margin-top:1px;margin-bottom:1px}

.boton_mostrar {font-size:14px;font-family:Libre Baskerville;border-width:1px; border-color:#4465AE; background-color: white;}
#contenido{float:left;clear:both;margin-top:1px;padding:1px;width:100%;overflow:auto;font-family:Libre Baskerville;font-size:14px;}
.pslides {font-size: 16px; padding: 0px;}
.kobje {font-family: Libre Baskerville;font-size: 22px; width:auto;border-style:solid;padding: 3px;border-width:1px; border-color:#4465AE;}
.botbottom {font-family: Libre Baskerville;font-size: 16px}
.kotit2 {font-family: Libre Baskerville;font-size: 22px;margin-top:3px;margin-bottom:10px; margin-left:0px;margin-right:0px; width:auto;
display: table;border-style: solid;border-width:1px; border-color:#4682B4 ;color: #4070BF; border-left-style:none; border-right-style:none; text-transform: uppercase}
.kotit3proUEENI {font-family: Libre Baskerville;font-size: 16px;margin-top:3px;margin-bottom:10px; margin-left:0px;margin-right:0px; width:auto;background-color:white;
display: table;border-style: solid;text-align:center;border-width:1px; border-color:#4682B4 ;color: black; border-left-style:none; border-right-style:none}
.acasa {font-size: 11pt;margin-left:1px;margin-top:1px; text-indent: 1px;}
.grano {font-family: Libre Baskerville;font-size: 120%;margin-top:7px;margin-bottom:10px; width:auto;background-color:white;
display: table;border-style: solid;text-align:center;border-width:1px; border-color:#4682B4 ;color: #4070BF ; border-left-style:none; 
border-right-style:none}
.kotit3pro {background-color: #4465AE;border: none;color: white;padding: 5px 22px;text-decoration: none;display: table;
font-size: 18px;width: auto;max-width: 790px;margin-left: 0px; margin-right: 0px;margin:0px;}
.centrart {margin-left: 0px; margin-right: 0px;margin:0px}
h3 {font-family: Libre Baskerville; margin-top:5px; margin-bottom:0;color: red;font-size: 16px;margin-left:3px;margin-right:3px;}
.img2 {border:0px;max-width: 100%;border-style: none;border-width: 0px; border-radius:0px;box-shadow: 2px 2px 2px #4682B4;}
.img3 {border:0px;border-style: none;border-width: 0px; box-shadow: 0px 0px 0px;max-width: 100%;height: auto;}
.imgbanner {height: 301px;max-width: 100%;background-image: url('../img/EENI-SF.gif');background-repeat:no-repeat;background-size: 100% 100%;vertical-align:bottom}
hr {border:1px solid; color:#A2C7DB}
.grapp {font-family: Libre Baskerville;font-size: 16px; margin-left:1px;margin-right:0px; width:auto;background-color:white ;display: table;
color: #4465AE; border-left-style:none;border-right-style:none;}
.arab2 { direction: rtl; }
.grafoto {font-size: 25pt;color: #ffffff;text-align: center;}
video {max-width: 100%;}
object {max-width: 100%;}
embed {max-width: 100%;}
input {font-size: 16px; font-weight:bold;width:auto}
.mifondo {background-image:url('EENI-Logo.png');background-repeat:no-repeat;height:183px;vertical-align:middle;text-align:center; }
#fondotabla {background-color:#301E73;}

.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn-floating:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn-block:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-closenav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating-large{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:20px}
.w3-btn-floating{display:inline-block;text-align:center;color:#fff;background-color:#4682B4;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:20px}
.w3-btn-floating{width:40px;height:40px;line-height:40px}.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
.w3-btn-floating:disabled{cursor:not-allowed;opacity:0.3}
.w3-btn:disabled{cursor:not-allowed;opacity:0.3}
.w3-disabled{cursor:not-allowed;opacity:0.3}
.w3-btn-floating:disabled *{pointer-events:none}
.w3-btn:disabled *{pointer-events:none}
.w3-btn-floating.w3-disabled *{pointer-events:none}
.w3-btn-block.w3-disabled{pointer-events:none}
.w3-btn.w3-disabled *{pointer-events:none}
.w3-btn-floating-large:disabled:hover{box-shadow:none}
.w3-btn-floating-large.w3-disabled:hover{box-shadow:none}
.w3-btn-floating:disabled:hover{box-shadow:none}
.w3-btn-floating.w3-disabled:hover{box-shadow:none}
.w3-btn:disabled:hover{box-shadow:none}
.w3-btn-block.w3-disabled:hover{box-shadow:none}
.w3-btn.w3-disabled:hover{box-shadow:none}
.w3-btn-group .w3-btn{float:left}.w3-btn-block{width:100%}
.w3-btn-bar .w3-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.w3-btn-bar .w3-btn:hover{background-color:#ccc}
.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;font-size:100%}
.tooltip .tooltiptext {visibility: hidden;width: 200px;top: 100%;left: 50%;margin-left: -60px;background-color: #eee;color: black;
text-align: center;border-radius: 6px;padding: 5px 0;font-size:100%;
  /* Position the tooltip */
position: absolute;z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}