:root {
    
    --content-width:900px;
    --content-height:450px;
    --content-info-width:600px;
    --content-info-logo-height:130px;
    --content-login-width:calc(var(--content-width) - var(--content-info-width));   /*290px;*/
    --content-info-controls-height:40px;
}


#divCentrado {
    position:               absolute;
    width: var(--content-width);
    height: var(--content-height);
    visibility:             hidden;
}

#content_info {
    float: left;
    width: var(--content-info-width);
    height: var(--content-height);
}

#content_logo{
    float:left;
    width: var(--content-info-width);   /* 500px */
    height: var(--content-info-logo-height); /* 120px */
    background-color: #C0C0C0;
}

#content_logo .img_logo {
    padding:10px 10px 0px 10px;
}

#content_logo .title {
    padding:10px 10px 0px 10px;
}

#content_logo h1{
    text-transform: none;
    background-image: none;
    text-align: left;
    font-size: 40px;
    margin: 0px 10px 0px 10px;
}

#content_logo h1.reduced{
    font-size: 33px;
    margin-left:5px;
}

#content_logo h2 {
    background-color: transparent;
    font-size: 110%;
    font-style: italic;
    margin: 5px 10px 0px 130px;
    text-align: left;
}

#content_slider{
    float:left;
    width: var(--content-info-width);
    height: calc(var(--content-height) - var(--content-info-logo-height));  /*300px;*/
    background-color: #C0C0C0;
}

#content_slides {
    height: calc(var(--content-height) - var(--content-info-logo-height) - var(--content-info-controls-height));  /*300px;*/
}

#control_panel{
    height: var(--content-info-controls-height);
}

#content_login{
    position:relative;
    float:left;
    width:var(--content-login-width); /*290px;*/
    height: var(--content-height); /*420px; */
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    background-color: #d6e5f4;
}


#content_notasLogin {
	padding: 10px 20px 10px 20px;
}

#content_notasLogin h2{
    text-align:center;
    /*margin-bottom: 1.1em;*/
    margin-top:1em;
}

#content_notasLogin p {
	font-size: 0.8rem;
}

#rrss {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -5px);
}

#login_box > fieldset {
    width: calc(var(--content-login-width) - 60px);
}


#login_box fieldset input{
    width: 90%;
}
#button-result {
    display: flex;
}

#msgbox  {
    font-size: 0.8em;
    font-weight:bold;
    width:auto;
    margin-left:15px;
    padding:3px;
    border:1px solid #595959;
    background:#f2f2f2;
    color: #595959;
}

#msgbox.messageboxok{
    border:1px solid #008000;
    background:#C9FFCA;
    color: #008000;
}

#msgbox.messageboxalert{
    border:1px solid #9E9400;
    background:#FCF258;
    color:#9E9400;
}

#msgbox.messageboxerror{
    border:1px solid #CC0000;
    background:#F7CBCA;
    color:#CC0000;
}

#msgbox.messageboxClean{
    display:none;
}