*	{ margin: 0px; padding: 0px }
html	{ margin-top: 28px }
body	{ background-color: #E0F0F9; }
img, fieldset	{ border: none }
a	{ text-decoration: none; color: rgb(11,140,214) }
a:visited	{ color: rgb(11,140,214) }
a:hover	{ color: #8C1717 }
div.clearme	{ clear: both }

html.login, html.login body {width: 100%;display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;margin: 0;padding: 0;}
html.login #container {width: 100%;display: flex;flex-direction: column;justify-content: space-around;height: 100%;}
html.login #contenido {float: none;width: 100%;}
html.login #contenidos {box-sizing: border-box;padding: 3rem 1rem;background-color: #FFFFFF;border: 3px solid #dbe8f4;border-left: none;border-right: nonr;}
html.login #menuLeft {display: none;}
html.login #login {}
html.login #login h1 {color: #213e64;font-size: clamp(1.4rem,1.6rem,2rem) }
html.login #login h2 {color: #213e64;font-size: clamp(1.3rem,1.4rem,1.9rem); text-align:center; margin: 0 auto; width:auto }
#contenido p.recoverpass { text-align:center; font-size:clamp(1.1rem,1rem,1.2rem) }
html.login #frmAcc div.recordar label {font-size: clamp(0.9rem,0.9rem,1.1rem);}
html.login #frmAcc div.recordar input {display: inline-block;margin-right: 0.5rem;vertical-align: text-top;}

#container	{ position: relative; width: 85%; margin: 0px auto }
#login h1	{ font-family: Arial; font-weight: bold; font-size: clamp(1.25rem,1.5rem,2.2rem); margin: 0px 0px 28px 0px; text-align: center }
#login p.center	{ text-align: center; font-size: clamp(1.2rem,1rem,1.5rem);color: #484848;}
#login p.error	{ color: #FD2331; margin: 6px 0px 0px 4px }
#frmAcc	{ display: block; width: 85%;  margin: 0px auto; font-family: Arial; font-size: clamp(1rem,1.1rem,1.4rem); color: #485866;margin-top: 3rem;}
#frmAcc fieldset	{ border: none; display: flex; margin: 0 auto;width: auto;flex-wrap: wrap;flex-direction: column;align-content: center;}
#frmAcc label	{ width: auto; display: block; flex: 1 0 100%;}
#frmAcc input	{ border: 1px solid #4b9fbf; background-color: #FFFFFF; width: 95%; display: block; font-family: Verdana; margin: 2px 0px; max-width: 340px;font-size: clamp(1.2rem,1.3rem,2rem);border-radius: 0.3rem;padding: 0.2rem 0.4rem;color: #344971;margin-bottom: 0.8rem;flex: 1 0 100%;}
#frmAcc input.btn		{ padding: 0.3rem 1rem; background-color: #3db8e8;color: #FFFFFF;margin-top: 1rem;cursor: pointer;}
#frmAcc input.btn:hover { background-color: #1f4e97; }
#frmAcc input[type="checkbox"]	{  flex: 0 1 auto;width: auto;padding: 0;}
#frmAcc label.recordar	{ width: auto; display: inline-block; flex: 0 0 auto;}

#contenidos	{ min-height: 400px }
#contenido	{ width: calc(93% - 90px); display: inline-block; float: right; box-sizing: border-box }
#contenido p	{ text-align: justify; font-family: Arial, Tahoma; font-size: 9pt; color: #343434; margin: 8px 0px }
#contenido h2	{ font-family: Arial, Tahoma; font-size: 10pt; font-weight: bold; color: #232323; background-color: #EFEFEF; padding: 6px 10px }
#contenido p.error	{ color: #FD4534; font-weight: bold }

div.pie { font-family: Arial; font-size: clamp(0.8rem, 0.8rem, 1.2rem) }
div.pie p { text-align: center; color: #646464 }
div.pie p a:hover { color: orange }


@media (min-width: 640px ) {
  html { font-size: 24px }  
}