*{
	box-sizing:border-box;
	font-size:16px; 
	margin:0px;
	padding:0px;
	font-family:'Roboto', Arial !important;
}

:root {
    --PrimaryColor: #585d5d;
    --Btn1: #0068b6;
    --Btn2: #333333;
    --Btn3: #353f48;
    --Btn4: #094b88;
    --Btn5: #2d89df;
    --Btn6: #D67F16;
    --Btn7: #3978b3;
    --Btn8: #0072e1;
    --Btn9: #333333;
    --Btn10: #0068b6;
    --inputBorderFocusColor: 2px solid #2193ff;
    --FocusColor: #2193ff;
    --sombraFocus: 0 0 0 3px rgb(142 200 255 / 35%);
    --inputBorder: #ced4da;
}



body {
	background-color: #f9f9f9;
	
}

body, td, th {	
	color:#333;
}

a {
	color:var(--PrimaryColor);
	text-decoration:none;
	opacity:1;
}
	

a:hover {
	opacity:0.7;
	text-decoration:none;
	transition:0.2s all ease-in-out;
	
}

#frm input[type="text"], 
input[type="password"], 
select {	
	background-color: #fff;
    border: 1px #888 solid;
    color: #111;
    padding: 6px 0px 4px 6px;
    box-sizing: border-box;
    z-index: 100;
    border: 1px solid var(--inputBorder);
    transition: ease-out .1s;
    outline: none;
    border-radius: 4px;
    height: 36px !important;
    line-height: 36px;
    resize: none;
}

#frm input[type="text"]:hover, 
input[type="password"]:hover, 
select:hover {
    border: 1px solid var(--FocusColor);
	
}

#frm input[type="text"]:focus, 
input[type="password"]:focus, 
select:focus {
    outline: none;
    border: 1px solid var(--FocusColor);
    box-shadow: var(--sombraFocus);
    content: '';
}

#frm th {
	color:#565656;
	text-align:right;
	font-weight:normal;
	vertical-align: middle; 
	padding-top: 7px;
}

#tdTop
{
	color:#fff;
	background-color:var(--PrimaryColor);
	height: 50px;	
}

.boton-01 {
	color: #333;
    font-size: 0.9em;
    padding: 5px 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    color: #000;
	background-color: #64bc30 !important;
    border: 1px solid #64bc30 !important;
	opacity:1;
    font-weight: 500;
    border-radius: 4px;
    height: 36px !important;
}

.boton-01:hover {	
	cursor: pointer;
    transition: .2s ease-in-out all;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
	opacity:.9;
   
}

.dvContenedor {
	background:#fff !important;	    
	height:auto;
	width:auto;
	min-height:50px;
	padding: 20px;
	margin-bottom:20px;
	border-radius:8px; 
	border: 1px solid #bbb;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.tituloContenedor{
	color:#222;
	font-size:25pt;
}

.tituloForm{
	color:#555;
	font-size:14pt;
}

.parrafoContenedor
{
	color:#555;
	text-align:justify;
	line-height:1.6em;
}

.parrafoContenedor strong
{
	color:var(--PrimaryColor);
	font-weight:normal;
}

.parrafoContenedor > p
{
	margin-top: 16px;	
}

.AlertaForm 
{
	color:#CC0000;
	text-align:center;
	font-size:11pt;
	font-weight:normal;
	line-height:30px;
}

.tdAlerta {
	background-color: #FEDFDF;
    text-transform: uppercase;
    text-align: center;
    border-top: #CC0000 1px solid;
    border-bottom: #CC0000 1px solid;
    color: #CC0000;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

#BarraFooter { 
	z-index: 1000; 
	position: fixed; 
	color:#fff;
	background-color:var(--PrimaryColor);
	width: 100%;
	bottom: 0px;
	border-top: #53575a 1px solid;
	right: 0px;
	left: 0px;
	height:35px;
}

#BarraFooter a { 	
	color:#fff; 
	opacity:0.8;
}

#BarraFooter a:hover { 	
	text-decoration: none; 
	opacity: 1;
	transition: .02s all ease-in-out;
}

.footer {	
	padding:5px;
	color:#fff; 
}

.tituloForm {
    font-size: 1.4em;
    color: var(--PrimaryColor);
	font-weight:normal;}



#frm{
	width:420px !important;	
}

.dvLogin{
	width: 100% !important;
}


.dvLogin{
	display: flex;
    flex-direction: column;
	}
 
		
.dvLogin > label{
	margin:10px 0px;	
}	

.dvLogin > select{
	width: 100% !important;	
}	

.dvLogin > a{
	width: 100% !important;	
	text-align:center;
	margin:15px 0px;
}			

.dvLogin .boton-01{
	margin-bottom:10px;
}

.tituloContenedor{
	vertical-align:middle !important;
	color:var(--PrimaryColor);
}

.dvRut{
    display: flex;
    justify-content: space-evenly;
    margin-top: 15px;
}

.dvRut > label{
    position: relative;
    margin-top: 8px;
}

.dvRut > input[type="text"]{
	text-align:center;	
}

.f01 a{ 	
	color:#fff !important; 
	opacity:1 !important;
}

.f01 a:hover { 	
	text-decoration: none; 
	opacity: 0.8 !important;
	transition: .02s all ease-in-out;
}